下面我將介紹如何使用 AJAX 動態拼裝查詢條件和獲取查詢數據，包括前端和后端的完整實現方案。
一、前端實現方案
1. 基礎 HTML 結構
html
復制
<div class="query-container"><!-- 查詢條件表單 --><form id="queryForm"><div class="form-group"><label>用戶名：</label><input type="text" name="username" class="form-control"></div><div class="form-group"><label>狀態：</label><select name="status" class="form-control"><option value="">全部</option><option value="1">啟用</option><option value="0">禁用</option></select></div><div class="form-group"><label>注冊時間：</label><input type="date" name="startDate" class="form-control"><span>至</span><input type="date" name="endDate" class="form-control"></div><button type="button" id="queryBtn" class="btn btn-primary">查詢</button><button type="reset" class="btn btn-default">重置</button></form><!-- 查詢結果表格 --><table id="resultTable" class="table table-striped"><thead><tr><th>ID</th><th>用戶名</th><th>狀態</th><th>注冊時間</th></tr></thead><tbody><!-- 數據將通過AJAX動態填充 --></tbody></table><div id="pagination"></div> </div>
運行 HTML
2. jQuery AJAX 實現
javascript
復制
$(function() {// 查詢按鈕點擊事件$('#queryBtn').click(function() {loadData(1); // 加載第一頁數據});// 初始加載第一頁數據loadData(1);// 加載數據函數function loadData(pageNum) {// 1. 收集表單數據var formData = $('#queryForm').serialize();// 2. 添加分頁參數var queryParams = formData + '&pageNum=' + pageNum + '&pageSize=10';// 3. 顯示加載中狀態$('#resultTable tbody').html('<tr><td colspan="4" class="text-center">加載中...</td></tr>');// 4. 發送AJAX請求$.ajax({url: '/api/user/list',type: 'GET',data: queryParams,dataType: 'json',success: function(response) {if (response.success) {// 渲染表格數據renderTable(response.data.list);// 渲染分頁renderPagination(pageNum, response.data.total, response.data.pages);} else {alert(response.message);}},error: function(xhr) {alert('請求失敗: ' + xhr.statusText);}});}// 渲染表格數據function renderTable(data) {var $tbody = $('#resultTable tbody');$tbody.empty();if (data.length === 0) {$tbody.append('<tr><td colspan="4" class="text-center">暫無數據</td></tr>');return;}$.each(data, function(i, item) {var statusText = item.status === 1 ? '啟用' : '禁用';var row = '<tr>' +'<td>' + item.id + '</td>' +'<td>' + item.username + '</td>' +'<td>' + statusText + '</td>' +'<td>' + new Date(item.createTime).toLocaleString() + '</td>' +'</tr>';$tbody.append(row);});}// 渲染分頁function renderPagination(currentPage, total, totalPages) {var $pagination = $('#pagination');$pagination.empty();if (totalPages <= 1) return;// 上一頁if (currentPage > 1) {$pagination.append('<button class="page-btn" data-page="' + (currentPage - 1) + '">上一頁</button>');}// 頁碼for (var i = 1; i <= totalPages; i++) {var active = i === currentPage ? 'active' : '';$pagination.append('<button class="page-btn ' + active + '" data-page="' + i + '">' + i + '</button>');}// 下一頁if (currentPage < totalPages) {$pagination.append('<button class="page-btn" data-page="' + (currentPage + 1) + '">下一頁</button>');}// 分頁按鈕事件$('.page-btn').click(function() {var page = $(this).data('page');loadData(page);});}
});
3. 使用 Axios 實現 (現代推薦)
javascript
復制
document.addEventListener('DOMContentLoaded', function() {const queryBtn = document.getElementById('queryBtn');const queryForm = document.getElementById('queryForm');const resultTable = document.getElementById('resultTable').getElementsByTagName('tbody')[0];const pagination = document.getElementById('pagination');// 查詢按鈕點擊事件queryBtn.addEventListener('click', () => loadData(1));// 初始加載loadData(1);async function loadData(pageNum) {try {// 1. 收集表單數據const formData = new FormData(queryForm);const params = new URLSearchParams();// 2. 添加表單數據到查詢參數formData.forEach((value, key) => {if (value) params.append(key, value);});// 3. 添加分頁參數params.append('pageNum', pageNum);params.append('pageSize', 10);// 4. 顯示加載狀態resultTable.innerHTML = '<tr><td colspan="4" class="text-center">加載中...</td></tr>';// 5. 發送請求const response = await axios.get('/api/user/list', { params });if (response.data.success) {renderTable(response.data.data.list);renderPagination(pageNum, response.data.data.total, response.data.data.pages);} else {alert(response.data.message);}} catch (error) {alert('請求失敗: ' + error.message);}}function renderTable(data) {resultTable.innerHTML = '';if (data.length === 0) {resultTable.innerHTML = '<tr><td colspan="4" class="text-center">暫無數據</td></tr>';return;}data.forEach(item => {const statusText = item.status === 1 ? '啟用' : '禁用';const row = document.createElement('tr');row.innerHTML = `<td>${item.id}</td><td>${item.username}</td><td>${statusText}</td><td>${new Date(item.createTime).toLocaleString()}</td>`;resultTable.appendChild(row);});}function renderPagination(currentPage, total, totalPages) {pagination.innerHTML = '';if (totalPages <= 1) return;// 上一頁if (currentPage > 1) {const prevBtn = document.createElement('button');prevBtn.className = 'page-btn';prevBtn.textContent = '上一頁';prevBtn.dataset.page = currentPage - 1;prevBtn.addEventListener('click', () => loadData(parseInt(prevBtn.dataset.page)));pagination.appendChild(prevBtn);}// 頁碼for (let i = 1; i <= totalPages; i++) {const pageBtn = document.createElement('button');pageBtn.className = i === currentPage ? 'page-btn active' : 'page-btn';pageBtn.textContent = i;pageBtn.dataset.page = i;pageBtn.addEventListener('click', () => loadData(parseInt(pageBtn.dataset.page)));pagination.appendChild(pageBtn);}// 下一頁if (currentPage < totalPages) {const nextBtn = document.createElement('button');nextBtn.className = 'page-btn';nextBtn.textContent = '下一頁';nextBtn.dataset.page = currentPage + 1;nextBtn.addEventListener('click', () => loadData(parseInt(nextBtn.dataset.page)));pagination.appendChild(nextBtn);}}
});
二、后端實現方案 (Spring Boot)
1. 控制器實現
java
復制
@RestController
@RequestMapping("/api/user")
public class UserController {@Autowiredprivate UserService userService;@GetMapping("/list")public Result listUsers(UserQuery query, @RequestParam(defaultValue = "1") Integer pageNum,@RequestParam(defaultValue = "10") Integer pageSize) {PageInfo<User> pageInfo = userService.queryUsers(query, pageNum, pageSize);return Result.success(pageInfo);}
}
2. 查詢參數對象
java
復制
public class UserQuery {private String username;private Integer status;private Date startDate;private Date endDate;// getter 和 setter 方法// ...
}
3. 服務層實現
java
復制
@Service
public class UserServiceImpl implements UserService {@Autowiredprivate UserMapper userMapper;@Overridepublic PageInfo<User> queryUsers(UserQuery query, Integer pageNum, Integer pageSize) {PageHelper.startPage(pageNum, pageSize);List<User> users = userMapper.selectByQuery(query);return new PageInfo<>(users);}
}
4. MyBatis Mapper 示例
java
復制
public interface UserMapper {List<User> selectByQuery(UserQuery query);
}
xml
復制
<!-- mapper.xml -->
<select id="selectByQuery" resultType="User" parameterType="UserQuery">SELECT * FROM user<where><if test="username != null and username != ''">AND username LIKE CONCAT('%', #{username}, '%')</if><if test="status != null">AND status = #{status}</if><if test="startDate != null">AND create_time >= #{startDate}</if><if test="endDate != null">AND create_time <![CDATA[<=]]> #{endDate}</if></where>ORDER BY id DESC
</select>
運行 HTML
5. 統一返回結果封裝
java
復制
public class Result implements Serializable {private boolean success;private String message;private Object data;public static Result success(Object data) {Result result = new Result();result.setSuccess(true);result.setData(data);return result;}public static Result error(String message) {Result result = new Result();result.setSuccess(false);result.setMessage(message);return result;}// getter 和 setter 方法// ...
}
三、高級功能擴展
1. 防抖處理 (優化頻繁查詢)
javascript
復制
// 使用 lodash 的防抖函數
$('#queryBtn').click(_.debounce(function() {loadData(1);
}, 500));
2. 查詢條件本地存儲
javascript
復制
// 保存查詢條件
function saveQueryParams() {const formData = $('#queryForm').serializeArray();localStorage.setItem('lastQueryParams', JSON.stringify(formData));
}// 加載上次查詢條件
function loadQueryParams() {const params = localStorage.getItem('lastQueryParams');if (params) {const formData = JSON.parse(params);formData.forEach(item => {$(`[name="${item.name}"]`).val(item.value);});}
}
3. 導出查詢結果
javascript
復制
function exportData() {const formData = $('#queryForm').serialize();window.open('/api/user/export?' + formData, '_blank');
}
四、最佳實踐建議
-
參數校驗：前后端都要對查詢參數進行校驗
-
分頁處理：大數據量時務必使用分頁
-
性能優化：添加合適的數據庫索引
-
錯誤處理：友好的錯誤提示和日志記錄
-
安全性：防止SQL注入和XSS攻擊
-
API文檔：使用Swagger等工具生成API文檔
通過以上實現，您可以構建一個完整的、可維護的查詢功能，滿足大多數業務場景的需求。
/*** 按品種查詢資源** @param breedId*??????????? 品名Id集，單個或多個*/
function searchMarket(breedId)
{var prBreedId=pi;$.ajax({url: "/resource/getMarketProperties.jsp",type:"post",async:false,data:{"breedId":breedId,"prBreedId":prBreedId},dataType:"text",success: function(message){var data = eval("(" + message + ")");var breed = eval("("+ data.breedJsonProperty +")");var material = eval("("+ data.materialJsonProperty +")");var spec = eval("("+ data.specJsonProperty +")");var brand = eval("("+ data.brandJsonProperty +")");// 刷新選擇收索部分的數據changeHtml(breed,"breed",breedId);changeHtml(material,"material",breedId);changeHtml(spec,"spec",breedId);changeBrandHtml(brand);// 刷新輸入框部分收索數據clickBreed(breed,material,spec,brand);// 品名的全部初值設置為當前大品名document.getElementById("breed_option_all").href = "javascript:searchMarket('"+ prBreedId +"');searchParams['breedNames']='';searchParams['breedIds']='';searchParams['breedInfos']='';searchByParams();";// 設置為全部$("#material_option_all").attr("class","option-all cur");$("#spec_option_all").attr("class","option-all cur");$("#brand_option_all").attr("class","option-all cur");}});
}/*** 單選查詢品種** @param breedId* @param breedName*/
function searchBySingleBreed(breedId, breedName) {var breedInfo = {};breedInfo[breedId] = breedName;searchParams["breedInfos"] = breedInfo;searchByParams();
}
/*** 確認執行多選品種*/
function searchByMultiBreed() {$("#breedReset").click();var breedParams = {};var breedIds = "";$("[name='breedIds']:checked").each(function() {var breedId = $(this).val();var breedName = $("#label_breed_" + breedId).text();breedParams[breedId] = breedName;if (breedIds == "") {breedIds += breedId;} else {breedIds += "," + breedId;}});searchParams["breedInfos"] = breedParams;searchMarket(breedIds);searchByParams();
}/*** 確認執行多選材質*/
function searchByMultiMaterial() {$("#materialReset").click();var materials = "";$("[name='materialIds']:checked").each(function() {var material = $(this).val();if (materials == "") {materials += material;} else {materials += "," + material;}});searchParams["materials"] = materials;searchByParams();
}
/*** 確認執行多選規格*/
function searchByMultiSpec() {$("#specReset").click();var specs = "";$("[name='specIds']:checked").each(function() {var spec = $(this).val();if (specs == "") {specs += spec;} else {specs += "," + spec;}});searchParams["specs"] = specs;searchByParams();
}/*** 確認執行多選交貨地*/
function searchByMultiCity() {$("#cityReset").click();var cities = "";var cityNameMutis = "";$("[name='cityIds']:checked").each(function() {var city = $(this).val().split(",")[0];var cityNameMuti = $(this).val().split(",")[1];if (cities == "") {cities += city;} else {cities += "," + city;}if (cityNameMutis == "") {cityNameMutis += cityNameMuti;} else {cityNameMutis += "," + cityNameMuti;}});searchParams["cityId"] = cities;searchParams["cityName"] = cityNameMutis;searchByParams();
}/*** 點擊鋼廠logo相應事件*/
function clickBrandLogo(brand) {var resetButton = $("#brandReset");if (resetButton.is(":hidden")) {searchParams["brands"] = brand;searchByParams();} else {var selectItem = document.getElementById("brandDiv_" + brand);selectItem.setAttribute("class", "selected");}
}/*** 確認執行鋼廠多選*/
function searchByMultiBrand() {// 回到單選$("#brandReset").click();var brands = "";$("#show-logo-div .selected").each(function() {var id = $(this).attr("id");var brand = id.replace("brandDiv_", "");if (brands == "") {brands += brand;} else {brands += "," + brand;}});searchParams["brands"] = brands;searchByParams();
}
/*** 根據城市交貨地進行搜索** @param obj*/
function searchByCity(obj){var cityName;searchParams["warehouses"]="";$("#warehouseDiv").remove();$("#whText").val("");if(obj.id == "quanguo"){cityName = "全國";ci="";searchParams["cityId"]="";searchParams["cityName"] = "";searchByParams();searchWarehouse("");}else{cityName=$("#"+obj.id).text();ci=obj.id;searchParams["cityName"] = cityName;searchParams["cityId"]=obj.id;searchByParams();searchWarehouse(obj.id);}
}
/*** 選擇城市刷新倉庫輸入框** @param obj*/function searchWarehouse(obj){$.ajax({url: "/resource/getWarehouseProperties.jsp",type:"post",data:{"prBreedId":pi,"cityId":obj},dataType:"text",success: function(message){var data = eval("(" + message + ")");var warehouseDa = eval("("+ data.warehouseJsonProperty +")");$("#warehouseSelector").singleSelector("倉庫", {"data" : warehouseDa,"defaultValue" : "","defaultText" : ""}, "whValue", "whText",afterSelectOthers,inputEnter,"down1");}});}
/*** 點擊上方品名，下方收索框數據重新加載** @param breedData*??????????? 品名數據* @param materialData*??????????? 材質數據* @param specData*??????????? 規格數據* @param brandData*??????????? 鋼廠數據*/
function clickBreed(breedData,materialData,specData,brandData)
{$("#breedSelector").singleSelector("品名", {"data" : breedData,"defaultValue" : "","defaultText" : ""}, "biValue", "bdText",afterSelectBreed,inputEnter,"down1");$("#materialSelector").singleSelector("材質", {"data" : materialData,"defaultValue": "","defaultText": ""}, "mlValue", "mlText",afterSelectOthers,inputEnter,"down2");$("#specSelector").singleSelector("規格", {"data" : specData,"defaultValue": "","defaultText": ""}, "spValue", "spText",afterSelectOthers,inputEnter,"down2");$("#brandSelector").singleSelector("鋼廠", {"data" : brandData,"defaultValue": "","defaultText": ""}, "brValue", "brText",afterSelectOthers,inputEnter,"down2");
}
/*** 點擊品種后更新資源信息** @param param*??????????? 參數對應信息* @param paramName*??????????? 參數名字* @param breedId*??????????? 品種Id*/
function changeHtml(param,paramName,breedId)
{var changeId = "change" + paramName;var html = "";for(var i=0; i<param.length;i++){var css = "";if(i>11){css = "class='more'";}var method = "";if(paramName == "material"){var paramNames ="materials";method+= "searchBySingleParam(\""+paramNames+"\",\""+ param[i].value +"\");";}?? ?if(paramName == "spec"){var paramNames ="specs";method+= "searchBySingleParam(\""+paramNames+"\",\""+ param[i].value +"\");";}?? ?if(paramName == "breed"){method = "searchMarket(\""+ param[i].value +"\");"+"searchBySingleBreed(\""+param[i].value+"\",\""+ param[i].name +"\");";}var check = "";var id = breedId.split(",");for(var j=0;j<id.length;j++){if(param[i].value == id[j]){check = "checked";}?? ?}?? ?html+="<li "+ css +">"+"<span class='block-choose-more'>" +"<input type='checkbox' "+ check +" class='check-choose' value='"+ param[i].value +"' name='"+ paramName +"Ids' id='checkItem_"+ paramName +"_"+ param[i].value +"' /><label id='label_"+paramName+"_"+param[i].value+"'>"+param[i].name +"</label>"+"</span>" +"<a href='javascript:"+ method +"' class='listitem-link' id='item_"+ paramName +"_" + param[i].value +"' >" + param[i].name +"</a>" +"</li>";}document.getElementById(changeId).innerHTML= html;
}/*** 單選動作，材質規格** @param paramName*??????????? 輸入種類* @param paramvalue*??????????? 獲取值*/
function searchBySingleParam(paramName,paramvalue)
{searchParams[paramName] = paramvalue;searchByParams();
}
/*** 選擇品種后更新鋼廠信息** @param paramBrand*??????????? 鋼廠信息*/
function changeBrandHtml(paramBrand)
{var html = "";for(var i=0; i<paramBrand.length;i++){var count = i+1;var css = "";if(count>7){css = "class='more'";}var value = "";if(count>15){value = "more";}var html1 = "onMouseOver='this.style.cursor=\"pointer\";onMouseOver(this,"+ count +")'";var html2 = "onMouseOut='onMouseOut(this,"+ count +")'";html+="<div? id='brandDiv_"+ paramBrand[i].value+ "'" + css + html1 + html2 +" onclick='clickBrandLogo(\""+paramBrand[i].value+"\")"+"'> "+"<span? id='brandSpan_"+ count +"'>" +"<input? id='brandInput_"+ count + "'" +" type='hidden' value='"+ paramBrand[i].value +"' />" +"<input? id='checkItem_brand_"+ paramBrand[i].value +"' type='hidden'? value='"+ value +"' />" +"</span>" +"<a id='item_brand_"+ paramBrand[i].value +"'? href='#'? ><img src='../../../skin/images/factory/"+ paramBrand[i].image +".jpg' width='102' height='36' /></a>" +"</div>";}html+="<span class='clr'></span>";document.getElementById("show-logo-div").innerHTML= html;
}/*** 選擇品種下拉輸入框觸發動作** @param value*??????????? 品名ID* @param text*/
function afterSelectBreed(value,text){$.post("/resource/getMarketProperties.jsp",{"breedId":value},function(result){if(result!=""){var data = eval("(" + result + ")");var materialData = eval("("+ data.materialJsonProperty +")");var specData = eval("("+ data.specJsonProperty +")");var brandData = eval("("+ data.brandJsonProperty +")");$("#materialSelector").singleSelector("材質", {"data" : materialData,"defaultValue" : "","defaultText" : ""}, "mlValue", "mlText",afterSelectOthers,inputEnter,"down2");$("#specSelector").singleSelector("規格", {"data" : specData,"defaultValue" : "","defaultText" : ""}, "spValue", "spText",afterSelectOthers,inputEnter,"down2");$("#brandSelector").singleSelector("鋼廠", {"data" : brandData,"defaultValue" : "","defaultText" : ""}, "brValue", "brText",afterSelectOthers,inputEnter,"down2");var ids = data.ids;var jsonids = eval("("+ ids +")");if(jsonids.length == 1){searchRoolerMarket(jsonids[0].id);var breedName = $("#bdText").val();var breedInfo = {};breedInfo[jsonids[0].id] = breedName;searchParams["breedInfos"] = breedInfo;buttonSearch();}?? ?}},"text");
}/*** 選擇下拉框品名，重新刷新上方列表數據** @param breedId*/
function searchRoolerMarket(breedId)
{var prBreedId=pi;$.ajax({url: "resource/getMarketProperties.jsp",type:"post",async:false,data:{"breedId":breedId,"pi":prBreedId},dataType:"text",success: function(message){var data = eval("(" + message + ")");var breed = eval("("+ data.breedJsonProperty +")");var material = eval("("+ data.materialJsonProperty +")");var spec = eval("("+ data.specJsonProperty +")");var brand = eval("("+ data.brandJsonProperty +")");changeHtml(breed,"breed",breedId);changeHtml(material,"material",breedId);changeHtml(spec,"spec",breedId);changeBrandHtml(brand);document.getElementById("breed_option_all").href = "javascript:searchMarket('"+ prBreedId +"');searchParams['breedNames']='';searchParams['breedIds']='';searchParams['breedInfos']='';searchByParams();";$("#material_option_all").attr("class","option-all cur");$("#spec_option_all").attr("class","option-all cur");$("#brand_option_all").attr("class","option-all cur");}});
}
/*** 選擇規格、材質、鋼廠觸發動作** @param value* @param text*/
function afterSelectOthers(value, text)
{buttonSearch();
}/*** 輸入值按enter鍵進行收索** @param value* @param text*/
function inputEnter(value, text)
{var events = window.event || arguments.callee.caller.arguments[0];if (events.keyCode == 13){buttonSearch();}
}/*** 點擊搜索按鈕進行搜索*/
function buttonSearch() {var bi = $("#biValue").val();var breadInfos = {};if (bi != null && bi != "") {searchParams["breedIds"] = bi;breadInfos[bi] = $("#bdText").val() ;} else {searchParams["breedIds"] = "";breadInfos="";}var bd = escape($("#bdText").val());if (bd != null && bd != "") {searchParams["breedNames"] = bd;searchParams["breedInfos"] = breadInfos;searchParams["breedIds"] = "";} else {searchParams["breedNames"] = "";searchParams["breedIds"] = "";searchParams["breedInfos"] ="";}var ml = escape($("#mlText").val());if (ml != null && ml != "") {searchParams["materials"] = ml;} else {searchParams["materials"] = "";}var sp = escape($("#spText").val());if (sp != null && sp != "") {searchParams["specs"] = sp;} else {searchParams["specs"] = "";}var br = escape($("#brText").val());if (br != null && br != "") {searchParams["brands"] = br;} else {searchParams["brands"] = "";}var whs = escape($("#whText").val());if (whs != null && whs != "") {searchParams["warehouses"] = whs;} else {searchParams["warehouses"] = "";}var ts1 = $("#ts1").val();if (ts1 != null && ts1 != "") {searchParams["startThickness"] = ts1;} else {searchParams["startThickness"] = "";}var ts2 = $("#ts2").val();if (ts2 != null && ts2 != "") {searchParams["endThickness"] = ts2;} else {searchParams["endThickness"] = "";}var wi1 = $("#wi1").val();if (wi1 != null && wi1 != "") {searchParams["startWidth"] = wi1;} else {searchParams["startWidth"] = "";}var wi2 = escape($("#wi2").val());if (wi2 != null && wi2 != "") {searchParams["endWidth"] = wi2;} else {searchParams["endWidth"] = "";}var pr1 = $("#pr1").val();if (pr1 != null && pr1 != "") {if (!isNaN(pr1)) {searchParams["startPrice"] = pr1;}else{searchParams["startPrice"] = "";}} else {searchParams["startPrice"] = "";}var pr2 = $("#pr2").val();if (pr2 != null && pr2 != "") {if (!isNaN(pr2)) {searchParams["endPrice"] = pr2;}else{searchParams["endPrice"] = "";}} else {searchParams["endPrice"] = "";}searchParams["pageNum"] = 1;searchByParams();$("#pr1").val(pr1);$("#pr2").val(pr2);
}/*** 設置選中效果，并設值*/
function setAttrParams() {var cityName = searchParams["cityName"];// 當前城市展示if(cityName==null ||cityName=="undefined" ||cityName==""){$(".selects").text("交貨地 ：");$("#cityName").text("全國");}else{if(typeof(cityName) == "undefined"){$(".selects").text("交貨地 :");$("#cityName").text("全國");}else{var cityNameMutiList = cityName.split(",");if(cityNameMutiList.length == 1){$(".selects").text("交貨地 :"+searchParams["cityName"]);$("#cityName").text(searchParams["cityName"]);}else{$(".selects").text("交貨地 ：");$("#cityName").text("全國");}}?? ?}$("#breed_option_all").attr("class", "option-all cur");$("#changebreed [class='listitem-link cur']").attr("class", "listitem-link");$("#changebreed [class='check-choose']").prop("checked", false);$("#bdText").val("");$("#biValue").val("");if (searchParams["breedInfos"] != null && searchParams["breedInfos"] != "") {$("#breed_option_all").attr("class", "option-all");var breedNames = "";var breedIds = "";var breedInfos = searchParams["breedInfos"];var i = 0;for ( var breedId in breedInfos) {i++;var breedName = breedInfos[breedId];if (breedName != "") {if (breedNames == "") {breedNames += breedName;} else {breedNames += "," + breedName;}}if (breedId != "") {if (breedIds == "") {breedIds += breedId;} else {breedIds += "," + breedId;}}$("#breed_option_all").attr("class", "option-all");$("#item_breed_" + breedId).attr("class", "listitem-link cur");$("#checkItem_breed_" + breedId).prop("checked", true);}if (i == 1) {$("#bdText").val(breedNames);$("#biValue").val(breedIds);}searchParams["breedNames"] = "";searchParams["breedIds"] = breedIds;} else {var breedNames = searchParams["breedNames"];if (breedNames != null && breedNames != "") {$("#breed_option_all").attr("class", "option-all");$("#bdText").val(unescape(breedNames));}}var specs = searchParams["specs"];$("#spec_option_all").attr("class", "option-all cur");$("#changespec [class='listitem-link cur']").attr("class", "listitem-link");$("#changespec [class='check-choose']").prop("checked", false);$("#spText").val("");if (specs != null && specs != "") {$("#spec_option_all").attr("class", "option-all");var specList = specs.split(",");for (var i = 0; i < specList.length; i++) {var selectItem = document.getElementById("item_spec_" + specList[i]);if (selectItem != null) {selectItem.setAttribute("class", "listitem-link cur");}var checkItem = document.getElementById("checkItem_spec_" + specList[i]);if (checkItem != null) {checkItem.checked = true;}}if (specList.length == 1) {$("#spText").val(unescape(specs));}}var materials = searchParams["materials"];$("#material_option_all").attr("class", "option-all cur");$("#changematerial [class='listitem-link cur']").attr("class", "listitem-link");$("#changematerial [class='check-choose']").prop("checked", false);$("#mlText").val("");$("#mlValue").val("");if (materials != null && materials != "") {$("#material_option_all").attr("class", "option-all");var materialList = materials.split(",");for (var i = 0; i < materialList.length; i++) {var selectItem = document.getElementById("item_material_" + materialList[i]);if (selectItem != null) {selectItem.setAttribute("class", "listitem-link cur");}var checkItem = document.getElementById("checkItem_material_" + materialList[i]);if (checkItem != null) {checkItem.checked = true;}}if (materialList.length == 1) {$("#mlText").val(unescape(materials));}}var brands = searchParams["brands"];$("#brand_option_all").attr("class", "option-all cur");$("#show-logo-div [class='selected']").attr("class", "");$("#brText").val("");$("#btValue").val("");if (brands != null && brands != "") {$("#brand_option_all").attr("class", "option-all");var brandList = brands.split(",");for (var i = 0; i < brandList.length; i++) {var selectItem = document.getElementById("brandDiv_" + brandList[i]);if (selectItem != null) {selectItem.setAttribute("class", "selected");}}if (brandList.length == 1) {$("#brText").val(unescape(brands));}}var cityName = searchParams["cityName"];if(typeof(cityName) != "undefined"){var cityiesList = cityName.split(",");if(cityiesList.length == 1){$(".selects").text("交貨地 ："+cityiesList[0]);}else{$(".selects").text("交貨地 ：");}}?? ?var cityIds = searchParams["cityId"];$("#city_option_all").attr("class", "option-all cur");$("#changecity [class='listitem-link cur']").attr("class", "listitem-link");$("#changecity [class='check-choose']").prop("checked", false);if (cityIds != null && cityIds != "") {$("#city_option_all").attr("class", "option-all");var cityList = cityIds.split(",");for (var i = 0; i < cityList.length; i++) {var selectItem = document.getElementById("item_city_" + cityList[i]);if (selectItem != null) {selectItem.setAttribute("class", "listitem-link cur");}var checkItem = document.getElementById("checkItem_city_" + cityList[i]);if (checkItem != null) {checkItem.checked = true;}}}var warehouses = searchParams["warehouses"];$("#whText").val("");if (warehouses != null && warehouses != "") {$("#whText").val(unescape(warehouses));}var startPrice = searchParams["startPrice"];var endPrice = searchParams["endPrice"];$("#pr1").val("￥最低價");$("#pr2").val("￥最高價");var i = 0;var j = 0;if (startPrice != null && startPrice != "") {i++;j = 1;}if (endPrice != null && endPrice != "") {i++;j = 2;}if (i == 2) {$("#pr1").val(startPrice);$("#pr2").val(endPrice);}if (i == 1 && j == 1) {$("#pr1").val(startPrice);}if (i == 1 && j == 2) {$("#pr2").val(endPrice);}i = 0;j = 0;$("#ts1").val("");$("#ts2").val("");var startThickness = searchParams["startThickness"];var endThickness = searchParams["endThickness"];if (startThickness != null && startThickness != "") {i++;j = 1;}if (endThickness != null && endThickness != "") {i++;j = 2;}if (i == 2) {$("#ts1").val(startThickness);$("#ts2").val(endThickness);}if (i == 1 && j == 1) {$("#ts1").val(startThickness);}if (i == 1 && j == 2) {$("#ts2").val(endThickness);}i = 0;j = 0;$("#wi1").val("");$("#wi2").val("");var startWidth = searchParams["startWidth"];var endWidth = searchParams["endWidth"];if (startWidth != null && startWidth != "") {i++;j = 1;}if (endWidth != null && endWidth != "") {i++;j = 2;}if (i == 2) {$("#wi1").val(startWidth);$("#wi2").val(endWidth);}if (i == 1 && j == 1) {$("#wi1").val(startWidth);}if (i == 1 && j == 2) {$("#wi2").val(endWidth);}
}/*** 清空輸入價格*/
function clean(){searchParams["startPrice"]="";
searchParams["endPrice"]= "";
searchByParams();?? ?
}
/*** 分頁查詢*/
function pageQuery(index){searchParams["pageNum"] = index;directSearchByParam();
}/*** 分頁效果展示*/
function page() {var totalPages = $("#totalPages").val();var currPageNum = $("#currPageNum").val();if (totalPages < 10)for (var i = 1; i <= totalPages; i++) {if (i == currPageNum) {$("#pageSpan").append("<a class=\"current\">" + i + "</a>");} else {$("#pageSpan").append("<a href=\"javascript:void(0)\" id=\"page_" + i + "\">" + i + "</a>");$("#page_" + i).attr("onclick", "pageQuery("+i+")");}}else {if (currPageNum < 6) {for (var i = 1; i <= 10; i++) {if (i == currPageNum) {$("#pageSpan").append("<a class=\"current\">" + i + "</a>");} else {$("#pageSpan").append("<a href=\"javascript:void(0)\" id=\"page_" + i + "\">" + i + "</a>");$("#page_" + i).attr("onclick", "pageQuery("+i+")");}}} else {var cur = parseInt(currPageNum) + 5;if (cur <= totalPages) {var pre = parseInt(currPageNum) - 4;var last = parseInt(currPageNum) + 5;for (i = pre; i <= last; i++) {if (i == currPageNum) {$("#pageSpan").append("<a class=\"current\">" + i + "</a>");} else {$("#pageSpan").append("<a href=\"javascript:void(0)\" id=\"page_" + i + "\">" + i + "</a>");$("#page_" + i).attr("onclick", "pageQuery("+i+")");}}} else {var pre = parseInt(totalPages) - 9;for (i = pre; i <= parseInt(totalPages); i++) {if (i == currPageNum) {$("#pageSpan").append("<a class=\"current\">" + i + "</a>");} else {$("#pageSpan").append("<a href=\"javascript:void(0)\" id=\"page_" + i + "\">" + i + "</a>");$("#page_" + i).attr("onclick", "pageQuery("+i+")");}}}}}$("#totalSpan").append(totalPages);
}/*** 上一頁*/
function prePage() {var currPageNum = parseInt($("#currPageNum").val());var tempPageNum = 1;if (currPageNum > 0) {tempPageNum = currPageNum - 1;}if (tempPageNum == 0) {tempPageNum = 1;}searchParams["pageNum"]=tempPageNum;directSearchByParam();
}/*** 跳轉下一頁*/
function nextPage() {var currPageNum = parseInt($("#currPageNum").val());var totalPages = parseInt($("#totalPages").val());var tempPageNum;if (currPageNum >= totalPages) {tempPageNum = totalPages;} else {tempPageNum = parseInt(currPageNum) + 1;}searchParams["pageNum"]=tempPageNum;directSearchByParam();
}/*** 轉到*/
function goPage() {var totalPages = parseInt($("#totalPages").val());var pageNum = parseInt($("#pageNum").val());if (!isNaN(pageNum) && pageNum <= totalPages && pageNum > 0) {searchParams["pageNum"]=pageNum;directSearchByParam();} else {$("#pageNum").val("");}
}
/*** 首頁*/
function firstPage() {searchParams["pageNum"]=1;directSearchByParam();
}/*** 尾頁*/
function lastPage() {var totalPages = $("#totalPages").val();searchParams["pageNum"]= totalPages;directSearchByParam();
}
/*** 設置按照品種進行排序*/
function setSortBreed() {var sortBreedFlag = $("#sortBreedFlag").attr("class");if (sortBreedFlag == "basic") {$("#sortBreedFlag").attr("class", "up");searchParams["breedSort"] = "10";} else if (sortBreedFlag == "up") {$("#sortBreedFlag").attr("class", "down");searchParams["breedSort"] = "11";} else if (sortBreedFlag == "down") {$("#sortBreedFlag").attr("class", "basic");searchParams["breedSort"] = "";}directSearchByParam();
}/*** 設置按照規格進行排序*/
function setSortSpec() {var sortSpecFlag = $("#sortSpecFlag").attr("class");if (sortSpecFlag == "basic") {$("#sortSpecFlag").attr("class", "up");searchParams["specSort"] = "10";} else if (sortSpecFlag == "up") {$("#sortSpecFlag").attr("class", "down");searchParams["specSort"] = "11";} else if (sortSpecFlag == "down") {$("#sortSpecFlag").attr("class", "basic");searchParams["specSort"] = "";}directSearchByParam();
}/*** 設置按照材質進行排序*/
function setSortMaterial() {var sortMaterialFlag = $("#sortMaterialFlag").attr("class");if (sortMaterialFlag == "basic") {$("#sortMaterialFlag").attr("class", "up");searchParams["materialSort"] = "10";}if (sortMaterialFlag == "up") {$("#sortMaterialFlag").attr("class", "down");searchParams["materialSort"] = "11";}if (sortMaterialFlag == "down") {$("#sortMaterialFlag").attr("class", "basic");searchParams["materialSort"] = "";}directSearchByParam();
}/*** 設置按照鋼廠排序*/
function setSortBrand() {var sortBrandFlag = $("#sortBrandFlag").attr("class");if (sortBrandFlag == "basic") {$("#sortBrandFlag").attr("class", "up");searchParams["brandSort"] = "10";} else if (sortBrandFlag == "up") {$("#sortBrandFlag").attr("class", "down");searchParams["brandSort"] = "11";} else if (sortBrandFlag == "down") {$("#sortBrandFlag").attr("class", "basic");searchParams["brandSort"] = "";}directSearchByParam();
}/*** 設置按照倉庫排序*/
function setSortWarehouse() {var sortWarehouseFlag = $("#sortWarehouseFlag").attr("class");if (sortWarehouseFlag == "basic") {$("#sortWarehouseFlag").attr("class", "up");searchParams["warehouseSort"] = "10";} else if (sortWarehouseFlag == "up") {$("#sortWarehouseFlag").attr("class", "down");searchParams["warehouseSort"] = "11";} else if (sortWarehouseFlag == "down") {$("#sortWarehouseFlag").attr("class", "basic");searchParams["warehouseSort"] = "";}directSearchByParam();
}/*** 設置根據交貨地排序*/
function setSortCity() {var sortCityFlag = $("#sortCityFlag").attr("class");if (sortCityFlag == "basic") {$("#sortCityFlag").attr("class", "up");searchParams["citySort"] = "10";} else if (sortCityFlag == "up") {$("#sortCityFlag").attr("class", "down");searchParams["citySort"] = "11";} else if (sortCityFlag == "down") {$("#sortCityFlag").attr("class", "basic");searchParams["citySort"] = "";}directSearchByParam();
}/*** 設置按照重量進行排序*/
function setSortAverageQty() {var sortAverageQtyFlag = $("#sortAverageQtyFlag").attr("class");if (sortAverageQtyFlag == "basic") {$("#sortAverageQtyFlag").attr("class", "up");searchParams["averageQtySort"] = "10";} else if (sortAverageQtyFlag == "up") {$("#sortAverageQtyFlag").attr("class", "down");searchParams["averageQtySort"] = "11";} else if (sortAverageQtyFlag == "down") {$("#sortAverageQtyFlag").attr("class", "basic");searchParams["averageQtySort"] = "";}directSearchByParam();
}/*** 設置按照價格進行排序*/
function setSortPrice() {var sortPriceFlag = $("#sortPriceFlag").attr("class");if (sortPriceFlag == "basic") {$("#sortPrice").attr("class", "sorton");$("#sortPriceFlag").attr("class", "up");searchParams["priceSort"] = "10";} else if (sortPriceFlag == "up") {$("#sortPrice").attr("class", "sortoff");$("#sortPriceFlag").attr("class", "down");searchParams["priceSort"] = "11";} else if (sortPriceFlag == "down") {$("#sortPrice").attr("class", "default");$("#sortPriceFlag").attr("class", "basic");searchParams["priceSort"] = "";}directSearchByParam();
}/*** 設置按照價格進行排序*/
function sortPrice() {var sortPriceFlag = $("#sortPrice").attr("class");if (sortPriceFlag == "default") {$("#sortPrice").attr("class", "sorton");$("#sortPriceFlag").attr("class", "up");searchParams["priceSort"] = "10";} else if (sortPriceFlag == "sorton") {$("#sortPrice").attr("class", "sortoff");$("#sortPriceFlag").attr("class", "down");searchParams["priceSort"] = "11";} else if (sortPriceFlag == "sortoff") {$("#sortPrice").attr("class", "default");$("#sortPriceFlag").attr("class", "basic");searchParams["priceSort"] = "";}directSearchByParam();
}/*** 設置按默認排序查找*/
function setDefaultSort() {$("#sortBreedFlag").attr("class", "basic");$("#sortSpecFlag").attr("class", "basic");$("#sortMaterialFlag").attr("class", "basic");$("#sortBrandFlag").attr("class", "basic");$("#sortWarehouseFlag").attr("class", "basic");$("#sortCityFlag").attr("class", "basic");$("#sortAverageQtyFlag").attr("class", "basic");$("#sortPriceFlag").attr("class", "basic");$("#sortPrice").attr("class","default");searchParams["breedSort"] = "";searchParams["specSort"] = "";searchParams["materialSort"] = "";searchParams["brandSort"] = "";searchParams["warehouseSort"] = "";searchParams["citySort"] = "";searchParams["averageQtySort"] = "";searchParams["priceSort"] = "";
}/*** 資源列表初始化*/
function resListInit()
{// 清空數據$("#thead").siblings().remove();$(".page").attr("style", "display:none");// 添加加載效果圖片var table = $("#resList");var loadingTr = $("#loading");if (typeof (loadingTr) == "undefined" || loadingTr.length == 0) {var loadingTr = "<tr class='item-loading'><td colspan=\"11\" id=\"loading\"><img id=\"loadingImg\" width=\"100\" height=\"100\" src=\"//static.banksteel.com/v6/images/loading.gif\"></td></tr>";table.append(loadingTr);}// 加載動畫$("#loadingImg").animate({left:"520px"},1000);
}/*** 展示資源列表(沒有查詢到資源)*/
function noRes(){var table = $("#resList");var breedNames = "";var breedNameTemp = "";var specs = "";var materials ="";var brands = "";var warehouses = "";var thickness = "";var width = "";var price = "";var prBreedName = "";var city = "";var keyword = "";if(searchParams["keyword"]){keyword = "【"+unescape(searchParams["keyword"])+"】";}if(searchParams["breedInfos"]){for(var key in searchParams["breedInfos"]){if(breedNameTemp==""){breedNameTemp = searchParams["breedInfos"][key];breedNames = "【"+breedNameTemp+"】";}else{breedNameTemp = breedNameTemp +"," + searchParams["breedInfos"][key];breedNames = "【"+breedNameTemp+"】";}}}if(searchParams["breedNames"]){breedNames = "【"+unescape(searchParams["breedNames"])+"】";}if(searchParams["specs"]){specs = "【"+unescape(searchParams["specs"])+"】";}if(searchParams["materials"]){materials = "【"+searchParams["materials"]+"】";}if(searchParams["brands"]){brands = "【"+searchParams["brands"]+"】";}if(searchParams["warehouses"]){warehouses = "【"+unescape(searchParams["warehouses"])+"】";}if(searchParams["startThickness"]){thickness = "【厚度大于等于"+searchParams["startThickness"]+"】";}if(searchParams["endThickness"]){thickness = "【厚度小于等于"+searchParams["endThickness"]+"】";}if(searchParams["startThickness"] && searchParams["endThickness"]){thickness = "【厚度"+searchParams["startThickness"]+"-"+searchParams["endThickness"]+"】";}if(searchParams["startWidth"]){width = "【寬度大于等于"+searchParams["startWidth"]+"】";}if(searchParams["endWidth"]){width = "【寬度小于等于"+searchParams["endWidth"]+"】";}if(searchParams["startWidth"] && searchParams["endWidth"]){width = "【寬度"+searchParams["startWidth"]+"-"+searchParams["endWidth"]+"】";}if(searchParams["startPrice"]){price = "【價格大于等于"+searchParams["startPrice"]+"】";}if(searchParams["endPrice"]){price = "【價格小于等于"+searchParams["endPrice"]+"】";}if(searchParams["startPrice"] && searchParams["endPrice"]){price = "【價格"+searchParams["startPrice"]+"-"+searchParams["endPrice"]+"】";}if(searchParams["cityName"]){city = "【"+searchParams["cityName"]+"】";}if(searchParams["prBreedName"]){prBreedName = searchParams["prBreedName"];}else{prBreedName = "全部";}var content1 = "<div class='conten1'>"+"您要找的<span class='blue' id='conditions'></span>"+"在當前大類<span class='orange' id='prBreedName'></span>中暫時沒有相匹配的商品。" +"</div>";var content3 = "<div class='conten3 cl'>"+"<span>對不起，沒有找到相關商品！</span>"+"<a class='goods_tips_btn' href='javascript:;' onclick='findRes()'>幫我找</a>"+"</div>";var content2 = "<div class='conten2'>鋼銀鋼材超市具有海量真實現貨資源，百家鋼廠、貿易商在線直銷，鋼材價格。鋼材庫存實時更新，買賣鋼材無憂。</div>";var tbody = "<tbody>"+"<tr class='hasno'>"+"<td align='center' colspan='11'>"+"<div class='goods_tips cl'>"+"<div class='fl goods_tips_img'></div>"+"<div class='goods_tips_inner fl' id='info'>"+"</div>" +"</div>" +"</td>" +"</tr>" +"</tbody>";setTimeout(function(){$("#resCount").text(0);$("#middlearrow_btn").html("");$("#middlearrow_btn").append("<span>0</span>/0");$("#loading").remove();table.append(tbody);$("#info").append(content3);$("#info").append(content1);$("#info").append(content2);$("#conditions").text(city+keyword+breedNames+specs+materials+unescape(brands)+warehouses+thickness+width+price);$("#prBreedName").text(prBreedName);sendFlag = "0";},400);}/*** 展示列表信息(查詢到資源)** @param resData* @param onsell*/
function showResTable(resData, onsell) {var table = $("#resList");$("#pageSpan").html("");$("#totalSpan").html("");$("#middlearrow_btn").html("");$("#loading").remove();$.each(resData.pageData,function(index) {var i = index + 1;var tbody = "<tbody id=\"summaryRes_" + i + "\"></tbody>";table.append(tbody);var tr = "<tr id=\"resource_" + i + "\"></tr>";$("#summaryRes_" + i).append(tr);var td1 = "<td id=\"breed_" + i + "\"></td>";var td2 = "<td id=\"spec_" + i + "\">" + this.spec + "</td>";var td3 = "<td id=\"material_" + i + "\">" + this.material + "</td>";var td4 = "<td id=\"brand_" + i + "\">" + this.brand + "</td>";var td5 = "<td id=\"city_" + i + "\">" + this.city + "</td>";var td6 = "<td id=\"warehouse_" + i + "\"></td>";var td7 = "<td id=\"onboardItems_" + i + "\"></td>";var td8 = "<td id=\"averageQty_" + i + "\"></td>";var td9 = "<td id=\"onboardQty_" + i + "\">" + this.onboardQty + "</td>";var td10 = "<td id=\"price_" + i + "\"></td>";var td11 = "<td align=\"center\" id=\"operate_" + i + "\"></td>";$("#resource_" + i).append(td1);$("#resource_" + i).append(td2);$("#resource_" + i).append(td3);$("#resource_" + i).append(td4);$("#resource_" + i).append(td5);$("#resource_" + i).append(td6);$("#resource_" + i).append(td7);$("#resource_" + i).append(td8);$("#resource_" + i).append(td9);$("#resource_" + i).append(td10);$("#resource_" + i).append(td11);if (i % 2 == 0) {$("#resource_" + i).attr("class", "item-data-m");} else {$("#resource_" + i).attr("class", "alt");}// 封裝第一列var div1 = "<div class=\"pad-l14 t-l blue\" id=\"div1_" + i + "\"></div>";$("#breed_" + i).append(div1);var label = "<a id=\"breed_" + this.resourceId + "\" href=\"javascript:void(0);\">" + this.breed + "</a>";$("#div1_" + i).append(label);if (this.offFlag == 1) {$("#div1_" + i).append("<span class=\"ico-b ico-b-yi\" title=\"可議價!\"></span>");}if (this.relationType == 1) {$("#div1_" + i).append("<span class=\"ico-b ico-b-cang\" title=\"倉\"></span> ");} else if (this.relationType == 3) {$("#div1_" + i).append("<span title=\"融\" class=\"ico-b ico-b-rong\"></span>");}if (this.resourceItems == 1) {$("#resource_" + i).attr("onmouseover","onMouseOverDetailTr(this.id)");$("#resource_" + i).attr("onmouseout","onMouseOutDetailTr(this.id)");// 展示備注信息事件添加$("#div1_" + i).attr("onmousemove", "showNote(this);");$("#div1_" + i).attr("onmouseout", "hideNote(this);");// 備注信息內容展示if(this.realBreedAlias && (this.realBreedAlias != this.breed || this.note || this.serialNo || this.qualityFatherRemark)){var pop_bname = "<div class=\"pop-bname\" style=\"display: none;\" id=\"pop_bname_" + i + "\"></div>";var pop_bname_arrow = "<div class=\"pop-bname-arrow\">";var pop_bname_col = "<div class=\"pop-bname-col\" id=\"pop_bname_col_" + i + "\"> </div>";$("#div1_" + i).append(pop_bname);$("#pop_bname_" + i).append(pop_bname_arrow);$("#pop_bname_" + i).append(pop_bname_col);if (this.realBreedAlias && this.realBreedAlias != this.breed) {$("#pop_bname_col_" + i).append("別名:" + this.realBreedAlias);}if (this.note) {$("#pop_bname_col_" + i).append("<span>備注:" + this.note + "</span>");}if (this.serialNo) {$("#pop_bname_col_" + i).append("捆包號:" + this.serialNo);}if(this.qualityFatherRemark){$("#pop_bname_col_" + i).append("協議品:" + this.qualityFatherRemark);}}$("#averageQty_" + i).html(this.averageQty);if (this.weightWay == 0) {$("#onboardQty_" + i).attr("title", "理重");} else if (this.weightWay == 1) {$("#onboardQty_" + i).attr("title", "過磅");} else {$("#onboardQty_" + i).attr("title", "抄碼");}var div8 = "<div class=\"cl\" id=\"div8_" + i + "\"></div>";$("#operate_" + i).append(div8);var div9 = "<div class=\"operate\" id=\"div9_" + i + "\"></div>";$("#div8_" + i).append(div9);if (onsell=="true") {if (this.isOutDate == "1") {var span1 = "<span? class=\"btn-buy-gray\" >待掛牌</span>";$("#div9_" + i).append(span1);} else {var cart = "<a class=\"buy btnCart\" href=\"javascript:void(0);\" onclick=\"addCartv6('"+ this.resourceId+ "','0','1','"+ this.onboardPrice+ "','"+ this.onboardQty+ "','"+ this.averageQty+ "',1,this);\">購買</a>"+ "<div class=\"pop-addcart\">"+ "<div class=\"pop-addcart-arrow\"></div>"+ "<div class=\"pop-addcart-col\">"+ "<div class=\"tcon\">已成功添加到購物車</div>"+ "<div class=\"t\">共計<span class=\"orange\" id=\"averageQtyTotalTempPop\"></span>噸 <span class=\"orange\" id=\"itemTotalTempPop\"></span>件 <span class=\"orange\" id=\"priceTotalTempPop\"></span></div>"+ "<div class=\"pop-addcart-operate\">" + "<input type=\"button\" value=\"去結算\" class=\"btn-js\" name=\"\" onclick=\"goCar();\">"+ "<input type=\"button\" value=\"繼續購物\" class=\"btn-gobuy\" name=\"\">" + "</div></div></div>";$("#div9_" + i).append(cart);$(".btn-gobuy").attr("onclick","goBuy()");}} else {$("#div9_" + i).append("<a href=\"javascript:void(0);\" class=\"buy-gray\">已閉市</a>");}// 當無明細時操作列展示元素添加var div10 = "<div class=\"chat f-fl\">"+ "<a class=\"img\" href=\"javascript:void(0);\" onclick=\"showAdmin(this);\"></a>"+ "<div class=\"pop-tel\" style=\"display: none;\">"+ this.marketAdminName+ "<a class=\"link\" href=\"http://b.qq.com/webc.htm?new=0&sid=4001618891&eid=218808P8z8p8y8Q8P8y8K&o=banksteel.com&q=7&ref=http://www.banksteel.com/\" target=\"_blank\">87325713</a>"+ "<br>電話：" + this.marketPhone + "<br>手機：" + this.marketMobile + "</div><div class=\"pop-tel-arrow\" style=\"display: none;\"></div></div>";$("#div8_" + i).append(div10);}if (this.resourceItems > 1) {// 添加點擊展示明細事件$("#summaryRes_" + i).attr("class","item-data");$("#resource_" + i).attr("onmouseover","onMouseOverSummaryTr(this.id)");$("#resource_" + i).attr("onmouseout","onMouseOutSummaryTr(this.id)");$("#breed_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");$("#spec_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");$("#material_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");$("#brand_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");$("#city_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");$("#onboardItems_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");$("#averageQty_" + i).html("-");$("#onboardQty_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");$("#price_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");$("#operate_" + i).attr("onclick", "showDetail(this,'" + this.summaryCode + "'," + i + ");");// 當有明細時操作列元素添加var div7 = "<div class=\"cl\"><div class=\"operate\"><a class=\"btn-open btnoff\" href=\"javascript:void(0);\" id=\"btnopen\" >展開</a><div class=\"table_hover\" >"+ "<div class=\"table_hover_left\" style=\"display: none;\"></div>" + "<div class=\"table_hover_right\"? style=\"display: none;\"></div>"+ "<div class=\"table_hover_top\" style=\"display: none;\"></div>" + "<div class=\"table_hover_bottom\" style=\"display: none;\"></div>" + "</div></div></div>";$("#operate_" + i).append(div7);}// 價格列元素封裝if (onsell=="true") {if (this.isOutDate == "1") {var b2 = "<b class=\"f14 gray\"> -</b>";$("#price_" + i).append(b2);} else {var b3 = "<b class=\"f14 orange\">" + this.onboardPrice + "</b>";$("#price_" + i).append(b3);}}else {var b4 = "<b class=\"f14 orange\">" + this.onboardPrice + "</b>";$("#price_" + i).append(b4);}// 封裝倉庫列var div5 = "<div class=\"warehouse-name\" id=\"div5_" + i + "\"></div>";var href = "<a class=\"t-warehouse\" href=\"javascript:void(0);\" id=\"href_" + i + "\">" + this.warehouse + "</a>";$("#warehouse_" + i).append(div5);$("#div5_" + i).append(href);$("#href_" + i).attr("onclick", "showWarehouseInfo(this,'" + this.warehouseName + "'," + i + ");");$("#div5_" + i).attr("onmouseout", "hideWarehouse(this)");// 封裝數量列var div6 = "<div class=\"pad-l7\">" + this.onboardItems + "</div>";$("#onboardItems_" + i).append(div6);var input = "<input type=\"hidden\" id=\"cityId_" + i + "\" value='" + this.cityId + "'/>";$("#resource_" + i).append(input);});// 分頁$("#currPageNum").val(resData.currPageNum);$("#totalPages").val(resData.totalPages);$("#totalRows").val(resData.totalRows);$(".page").attr("style", "display:block");// 資源統計展示$("#resCount").text(resData.totalRows);$("#middlearrow_btn").append("<span>" + resData.currPageNum + "</span>/" + resData.totalPages);page();sendFlag = "0";
}/*** 使用searchParams直接進行查詢*/
function directSearchByParam() {// 初始化resListInit();// 關鍵字中含城市keyWordIsCity();// 設置選中效果setAttrParams();// 展示當前查詢條件showParams();// 有收索字段時添加記錄if((searchParams["keyword"]!="" && typeof(searchParams["keyword"])!="undefined") || (searchParams["breedIds"]!="" && typeof(searchParams["breedIds"])!="undefined" )||(searchParams["breedNames"]!="" && typeof(searchParams["breedNames"])!="undefined")||(searchParams["specs"]!="" && typeof(searchParams["specs"])!="undefined") || (searchParams["materials"]!="" && typeof(searchParams["materials"])!="undefined" )||(searchParams["brands"]!="" && typeof(searchParams["brands"])!="undefined")|| (searchParams["warehouses"]!="" && typeof(searchParams["warehouses"])!="undefined")||(searchParams["cityId"]!="" && typeof(searchParams["cityId"])!="undefined")|| (searchParams["startPrice"]!="" && typeof(searchParams["startPrice"])!="undefined")||(searchParams["endPrice"]!=""&&typeof(searchParams["endPrice"])!="undefined")){addRecords(searchParams);}// 通過ajax請求超市資源(為防止ajax請求過于頻繁,導致頁面內容重疊,使用sendFlag,下一次請求只能在這次請求完成后繼續進行)if(sendFlag == "0"){sendFlag = "1";$.ajax({type : "post",data : searchParams,url : "/resource/searchSuperMarketResource.jsp",timeout:60000,dataType : "text",success : function(message) {if (message != null && message != ""){var map = $.parseJSON(message);var onsell = $("#onSellValue").val();if (map["pageSet"] != null) {setTimeout(function(){showResTable(map["pageSet"], onsell);},300);}}else {noRes();}?? ?},error : function() {alert("程序內部發生錯誤,請聯系管理員");}});}
}/*** 查詢方法(分頁和排序自動回復默認)** @param params*/
function searchByParams() {searchParams["pageNum"] = 1;setDefaultSort();directSearchByParam();
}/*** 展示匯總下面的明細*/
function showDetail(obj,summaryCode,count){var btnOpenClass = $(obj).parent().find("#operate_"+count).find("#btnopen").attr("class");if(btnOpenClass == "btn-open btnoff"){$(obj).parent().find("#operate_"+count).find("#btnopen").text("收起");}else{$(obj).parent().find("#operate_"+count).find("#btnopen").text("展開");}var tableBody=$("#summaryRes_"+count);// 取得onSell的值var onSell=$("#onSellValue").val();// 判斷如果旗下已經加載了明細則直接展示不增加var trLength=tableBody.children("tr").length;if(trLength>1){var hiddenRows = tableBody.children('tr:hidden').length;var fold_btn=$("#fold_btn_"+summaryCode);if(hiddenRows>0){// 展開的全部縮起來foldAllDetail();openDetail(fold_btn);configDetailEdage(count);}else{foldDetail(fold_btn);}}else{// 加載等待圖標var showWait="<tr class='item-data-detail'? id='"+'showWait_'+count+"' style='display:table-row'> <td align='center'? colspan='11'><img height='24' width='24' src='/skin/images/loading.gif'></td></tr>";tableBody.append(showWait);$.ajax({??? ?type: "Post",??? ?url: "/resource/getMarketResourceDetail.jsp?callback=?",???? // 查詢該匯總下的明細列表// 方法傳參的寫法一定要對，str為形參的名字,str2為第二個形參的名字"data" : {"summaryId" : summaryCode},dataType: "jsonp",??? ?success : function(json){// 展開的全部縮起來foldAllDetail();// 返回的數據列表在 json.returnStr中循環并展示var resArr=json.returnStr;var b='';for (var i=0;i<resArr.length;i++){var txt='';if(i%2==0){txt="<tr? class='item-data-detail'? onMouseOver='this.className=\"item-data-detail thover over\"' onMouseOut='this.className=\"item-data-detail\"'><td ><div class='pad-l14 t-l blue' onmousemove='showNote(this);' onmouseout='hideNote(this);'>" +resArr[i].breed? ;}else{txt="<tr? class='item-data-detail alt'? onMouseOver='this.className=\"item-data-detail thover over\"' onMouseOut='this.className=\"item-data-detail alt\"'><td ><div class='pad-l14 t-l blue' onmousemove='showNote(this);' onmouseout='hideNote(this);'>" +resArr[i].breed? ;}// 加載資源類型圖片var pic1='';if(resArr[i].offFlag=="1"){pic1="<span class='ico-b ico-b-yi' title='可議價!'></span>";}var pic2='';if(resArr[i].relationType=="1"){pic2="<span class='ico-b ico-b-cang' title='倉'></span>";}if(resArr[i].relationType=="3"){pic2="<span title='融' class='ico-b ico-b-rong'></span>";}var detailPic=pic1+pic2;// 備注和別名的內容var aliasAndNote='';// 別名和備注domvar detailAlias='';if(resArr[i].realBreedAlias !=null && resArr[i].realBreedAlias!=''){aliasAndNote=aliasAndNote+"別名："+resArr[i].realBreedAlias;}if(resArr[i].note !=null && resArr[i].note!=''){aliasAndNote=aliasAndNote+" 備注："+resArr[i].note+"<br>";}if(resArr[i].serialNo !=null && resArr[i].serialNo!=''){aliasAndNote=aliasAndNote+" 捆包號："+resArr[i].serialNo;}if(aliasAndNote!=''){detailAlias="<div class='pop-bname' style='display: none;'> <div class='pop-bname-arrow'></div> <div class='pop-bname-col'>" +aliasAndNote+"</div> </div> </div></td>";}// 規格var detailSpec="<td>"+resArr[i].spec+"</td>";// 材質var detailMaterial="<td>"+resArr[i].material+"</td>";// 鋼廠var detailBrand="<td>"+resArr[i].brand+"</td>";// 交貨地var detailCity="<td>"+resArr[i].city+"</td>";// 倉庫var detailWarehouse="<td><div? class='warehouse-name'" +"><a class='t-warehouse'"+"onclick=\"showWarehouseInfo(this,'"+resArr[i].warehouseName+"',"+ count +");\"? "+"href='javascript:void(0);' >"+resArr[i].warehouse+"</a></div></td>";// 數量var detailNum="<td><div class='pad-l7'>"+resArr[i].onboardItems+"</div></td>";var detailQtyTitle='';if(resArr[i].weightWay==0){detailQtyTitle="title=理重";}else if(resArr[i].weightWay==1){detailQtyTitle="title=過磅";}else{detailQtyTitle="title=抄碼";}// 重量var detailQty="<td "+detailQtyTitle+">"+resArr[i].onboardQty+"</td>";var detailAverageQty="<td>" + resArr[i].averageQty +"</td>";// 價格的內容var priceInfo='';if(onSell=='true'){if(resArr[i].status==null||resArr[i].status==0||resArr[i].status==""){priceInfo="<b class='f14 orange'>"+未掛牌+"</b>";}else{if(resArr[i].isOutDate==1){priceInfo="<b class='f14 gray'> -</b>";}else{priceInfo="<b class='f14 orange'>"+parseFloat(resArr[i].onboardPrice)+"</b>";}}}else{priceInfo="<b class='f14 orange'>"+parseFloat(resArr[i].onboardPrice)+"</b>";}var detailPrice="<td class='price'>"+priceInfo+"</td>";// 聯系人和聯系方式var detailCallWay="<div class='chat f-fl'><a? onclick='showAdmin(this);' class='img' href='javascript:void(0);'></a> <div class='pop-tel' style='display: none;'> "+ resArr[i].marketAdminName + " <a class='link' target='_blank' href='http://b.qq.com/webc.htm?new=0&sid=4001618891&eid=218808P8z8p8y8Q8P8y8K&o=banksteel.com&q=7&ref=http://www.banksteel.com/'>4001618891</a><br>電話："+ resArr[i].marketPhone + "<br>手機："+ resArr[i].marketMobile + "</div><div class='pop-tel-arrow' style='display: none;'></div> </div>";// 購買框顯示的內容var buyValue='';if(onSell=='true'){if(resArr[i].isOutDate=='1'){buyValue="<span? class='btn-buy-gray'>待掛牌</span>";}else{buyValue="<a class='buy btnCart' href='javascript:void(0);'? onclick='addCartv6("+resArr[i].resId+","+resArr[i].shopId+","+resArr[i].channelType+","+resArr[i].onboardPrice+","+resArr[i].onboardQty+","+resArr[i].averageQty +",1,this);'>購買</a>" +"<div class='pop-addcart'>" +"<div class='pop-addcart-arrow'></div>" +"<div class='pop-addcart-col'>" +"<div class='tcon'>已成功添加到購物車</div>" +"<div class='t'>共計<span class='orange' id='averageQtyTotalTempPop'></span>噸 <span class='orange' id='itemTotalTempPop'></span>件 <span class='orange' id='priceTotalTempPop'></span></div>" +"<div class='pop-addcart-operate'>" +"<input type='button' value='去結算' class='btn-js' name='' onclick='goCar();'>" +"<input type='button' value='繼續購物' class='btn-gobuy' name='' onclick='closePopCart(this);'>" +"</div>" +"</div>" +"</div>";}}else{buyValue="<a href='javascript:void(0);' class='buy-gray'>已閉市</a>";}// 購買domvar detailBuy="<td> <div class='cl'> <div class='operate'> "+buyValue+"</div>"+detailCallWay+"</div> </td>"+"</tr>";b=b+txt+detailPic+detailAlias+detailSpec+detailMaterial+detailBrand+detailCity+detailWarehouse+detailNum+detailAverageQty+detailQty+detailPrice+detailBuy;}$("#showWait_"+count).remove();tableBody.append(b);// 綁定子倉庫移出后消失的事件$(".warehouse-name").mouseleave(function(){$(".pop-warehouse,.pop-warehouse-arrow").hide();});tableBody.children(".item-data-detail").mouseleave(function(){$(".pop-warehouse,.pop-warehouse-arrow").hide();});// 增加折疊行var fold=$("<tr class='item-data-detail' ><td align='center' colspan='11'> <span id='fold_btn_"+summaryCode+"' class='btn-blue-back140' onclick='foldDetail(this);' >點擊折疊資源</span></td></tr>");tableBody.append(fold);openDetail(fold);configDetailEdage(count);},error :function(){$("#showWait_"+count).remove();// 增加暫無數據行var noData="<tr class='item-data-detail' ><td align='center' colspan='11'> <div class='pad-l14 blue'><label>資源下架或已售罄，請稍后...</label></div></td></tr>";// 增加折疊行var fold=$(noData+"<tr class='item-data-detail' ><td align='center' colspan='11'> <span id='fold_btn_"+summaryCode+"' class='btn-blue-back140' onclick='foldDetail(this);' >點擊折疊資源</span></td></tr>");tableBody.append(fold);openDetail(fold);configDetailEdage(count);}? ?});? ?}
}function onMouseOverSummaryTr(id){$("#"+id).attr("class","item-data-m alt thover over");
}function onMouseOutSummaryTr(id){var index = id.split("_")[1];if (index % 2 == 0) {$("#resource_" + index).attr("class", "item-data-m");} else {$("#resource_" + index).attr("class", "alt");}
}function onMouseOverDetailTr(id){$("#"+id).attr("class","thover over");
}function onMouseOutDetailTr(id){var index = id.split("_")[1];if (index % 2 == 0) {$("#resource_" + index).attr("class", "item-data-m");} else {$("#resource_" + index).attr("class", "alt");}
}/*** 展示倉庫信息*/
function showWarehouseInfo(obj,warehouseName,count){// 如果已經加載了倉庫信息 則直接把旗下倉庫信息展現出來即可if($(obj).parents(".warehouse-name").find(".pop-warehouse-arrow").length > 0 ){$(obj).parents(".warehouse-name").find(".pop-warehouse").show();$(obj).parents(".warehouse-name").find(".pop-warehouse-arrow").show();return}// 獲取城市Idvar cityIdName="#cityId_"+count;var cityId=$(cityIdName).val();$.ajax({??? ?type: "Post",??? ?url: "/resource/getWarehouseInfo.jsp?callback=?",???? // 查詢該匯總下的明細列表// 方法傳參的寫法一定要對，str為形參的名字,str2為第二個形參的名字"data" : {"warehouse" : warehouseName,"cityId" : cityId},dataType: "jsonp",??? ?success : function(json){var txt=json.returnStr;// 倉庫名字var detailName= "<strong class='f14 orange'>"+txt.name+"</strong>";// 倉庫地址var detailAdd="<br><strong>倉庫地址：</strong>"+txt.address+"<br>";// 聯系電話var detailPhone="<strong>聯系電話：</strong>"+txt.phone;// 拼裝倉庫信息展示元素var warehouseInfo= "<div class='pop-warehouse' style='display: none;'>"+detailName+detailAdd+detailPhone+"</div> <div class='pop-warehouse-arrow' style='display: none;'></div>";$(obj).parents(".warehouse-name").append(warehouseInfo);// 展示出倉庫信息$(obj).parents(".warehouse-name").find(".pop-warehouse").show();$(obj).parents(".warehouse-name").find(".pop-warehouse-arrow").show();},error:function(){}? ?});? ?
}/*** 隱藏倉庫信息** @param obj*/
function hideWarehouse(obj){$(obj).children(".pop-warehouse,.pop-warehouse-arrow").hide();?? ?
}/*** 展示備注等*/
function showNote(obj){$(obj).find(".pop-bname").show();
}
/*** 移開消失備注*/
function hideNote(obj){$(obj).find(".pop-bname").hide();
}function onMouseOver(obj,count){var aId=$(obj).attr("class");if(aId=="select"||aId=="more select"||aId=="selected"||aId=="more selected"){return;}$(obj).addClass("hover");var spanId="#brandSpan_"+count;$(spanId).addClass("border");
}function onMouseOut(obj,count){$(obj).removeClass("hover");var spanId="#brandSpan_"+count;$(spanId).removeClass("border");
}function foldAllDetail(){$('.item-data').find(".table_hover .table_hover_left").css("display","none");$('.item-data').find(".table_hover .table_hover_right").css("display","none");$('.item-data').find(".table_hover .table_hover_top").css("display","none");$('.item-data').find(".table_hover .table_hover_bottom").css("display","none");$('.item-data').removeClass("show");$('.item-data').find(".item-data-detail").hide();$('.item-data').find(".btn-open").text("展開");$('.item-data').find(".btn-open").addClass("btnoff");
}/*** 點擊折疊*/
function foldDetail(obj){var index = $(obj).parents(".item-data").attr("id").split("_")[1];if (index % 2 == 0) {$(obj).parents(".item-data").find(".table_hover .table_hover_left").css("display","none");$(obj).parents(".item-data").find(".table_hover .table_hover_right").css("display","none");$(obj).parents(".item-data").find(".table_hover .table_hover_top").css("display","none");$(obj).parents(".item-data").find(".table_hover .table_hover_bottom").css("display","none");} else {$(obj).parents(".item-data").find(".alt .table_hover_left").css("display","none");$(obj).parents(".item-data").find(".alt .table_hover_right").css("display","none");$(obj).parents(".item-data").find(".alt .table_hover_top").css("display","none");$(obj).parents(".item-data").find(".alt .table_hover_bottom").css("display","none");}$(obj).parents(".item-data").removeClass("show");$(obj).parents(".item-data").find(".item-data-detail").hide();$(obj).parents(".item-data").find(".btn-open").text("展開");$(obj).parents(".item-data").find(".btn-open").addClass("btnoff");}function openDetail(obj){$(obj).parents(".item-data").find(".item-data-m .table_hover div").css("display","block");$(obj).parents(".item-data").addClass("show");$(obj).parents(".item-data").find(".item-data-detail").show();$(obj).parents(".item-data").find(".btn-open").text("收起");$(obj).parents(".item-data").find(".btn-open").removeClass("btnoff");$(obj).parents(".table_hover .table_hover_bottom").css("top","11px");$(obj).parents(".table_hover .table_hover_left").css("height","44px");$(obj).parents(".table_hover .table_hover_right").css("height","44px");
}function configDetailEdage(index){var edage=$("#summaryRes_"+index);edage.find('.table_hover div').css("display","block");var hbottom=edage.height()-38;var hlefet=edage.height();edage.find(".table_hover .table_hover_bottom").css("top",hbottom+"px");edage.find(".table_hover .table_hover_left").css("height",hlefet+"px");edage.find(".table_hover .table_hover_right").css("height",hlefet+"px");
}/*** 點擊展示聯系人等*/
function showAdmin(obj){// 先把打開的關掉if($(obj.target).attr('class')!='img'){$('.pop-tel,.pop-tel-arrow').hide();}$(obj).parents(".chat").find(".pop-tel").show();$(obj).parents(".chat").find(".pop-tel-arrow").show();
}/*** 點擊其他地方消除聯系方式*/
$(document).click(function(ee){if($(ee.target).attr('class')!='img'){$('.pop-tel,.pop-tel-arrow').hide();}});$('.pop-tel,.pop-tel-arrow').click(function(ee){if(ee && ee.stopPropagation()){ee.stopPropagation();}else{ee.cancelBubble=true;}});/*** 拋物線形式加入購物車以及彈出pop操作** @param currentObj*/
function goCart(currentObj){// 元素以及其他一些變量var eleFlyElement = $("#flyItem")[0], eleShopCart = $(".fc-cart-item")[0];// 拋物線運動var myParabola = funParabola(eleFlyElement, eleShopCart, {speed: 200,curvature: 0.002,?? ?complete: function() {eleFlyElement.style.display = "none";}});// 綁定點擊事件if (eleFlyElement && eleShopCart) {// 滾動大小eleFlyElement.style.display = "block";eleFlyElement.style.left = $(currentObj).offset().left + "px";eleFlyElement.style.top = $(currentObj).offset().top +"px";// 需要重定位myParabola.position().move();var fcl = document.getElementById('flyItem').offsetLeft - 10;document.getElementById('flyItem').style.left=fcl+'px';$(currentObj).removeAttr("onclick");$(currentObj).attr("class","buy-gray");$(currentObj).attr("class","buy-gray");$(currentObj).text("已購買");}
}/*** 傳入參數拼裝成cookie*/
function getCookieValue(resourceId, shopId, channelType, price, qty, averageQty , items)
{// 返回數據格式:資源ID+shopId+資源類型+價格+ 數量+件重return resourceId + "_" + shopId + "_" + channelType + "_" + price + "_" + qty + "_" + averageQty + "_" + items;
}/*** 將資源相關信息加入購物車** @param name* @param resourceId* @param shopId* @param price* @param qty* @param averageQty* @param channelType* @param currentObj*/
function SetCookiev6(name, resourceId, shopId, price, qty, averageQty, items, channelType,currentObj)
{var cookieValue = $.cookie(name);if (cookieValue != null && cookieValue != "")? // 如果存在 則累加{var uneacapeCookieValue = unescape(cookieValue);? // 解碼if(uneacapeCookieValue.indexOf(resourceId)==-1){uneacapeCookieValue += "," + getCookieValue(resourceId, shopId, channelType, price, qty, averageQty,items);$.cookie(name, escape(uneacapeCookieValue), {expires: 30, domain:'banksteel.com', path: '/'});}changeShortCarListv6(uneacapeCookieValue);? // 更新購物車數據}else??? // 如果不存在Cookie 創建{var values = getCookieValue(resourceId, shopId, channelType, price, qty, averageQty,items);$.cookie(name, escape(values), {expires: 30, domain:'banksteel.com', path: '/'});var cookieValue = $.cookie(name);changeShortCarListv6(unescape(cookieValue));? // 更新購物車數據}
}// 關閉該窗體
function closePopCart(currentObj)
{$(currentObj).parent().parent().parent(".pop-addcart").css("display","none");
}// 更新購物車數據 參數為未加密的Cookie
function changeShortCarListv6(cookieValue)
{var qtySum = 0;var priceSum = 0;var averageQtySum = 0;var priceTotal = 0;var itemTotal = 0;if(!cookieValue){$('#rcart_top').html(0);$('#rcart').html(0);$('#cartCountNav').html(0);$('#cartCountNav1').html(0);$('#itemTotalTemp').html(0);$('#averageQtyTotalTemp').html(0.0000);$('#priceTotalTemp').html(0.00);return;}var values = cookieValue.split(',');for (var i = 0; i < values.length; i++){var averageQty1 = parseFloat(values[i].split("_")[5]);var qty1 =? parseFloat(values[i].split("_")[4]);var price1 = parseFloat(values[i].split("_")[3]);var items = parseInt(values[i].split("_")[6]);var oneResourcePrice = MyNumber.precision(MyNumber.mul(averageQty1,price1),4);priceTotal = MyNumber.add(MyNumber.precision(parseFloat(priceTotal),2),MyNumber.precision(parseFloat(MyNumber.mul(oneResourcePrice,items)),2),2);averageQtySum = MyNumber.add(MyNumber.precision(parseFloat(averageQtySum),4),MyNumber.precision(parseFloat(MyNumber.mul(averageQty1,items)),4),4);qtySum = MyNumber.add(MyNumber.precision(parseFloat(qtySum),4),MyNumber.precision(parseFloat(qty1),4),4);priceSum = MyNumber.add(MyNumber.precision(parseFloat(priceSum),2),MyNumber.precision(parseFloat(price1),2),2);itemTotal = items + itemTotal;}$('#rcart_top').html(itemTotal);$('#rcart').html(itemTotal);$('#cartCountNav').html(itemTotal);$('#cartCountNav1').html(itemTotal);$('#itemTotalTemp').html(itemTotal);$('#averageQtyTotalTemp').html(averageQtySum);$('#priceTotalTemp').html(priceTotal);
}function orFade(currentObj)
{$(currentObj).siblings(".pop-addcart").show();
}/*** 如果關鍵詞是交貨地,則按交貨地查詢*/
function keyWordIsCity(){if(searchParams["keyword"] != null && searchParams["keyword"] != ""? && searchParams["keyword"] != "undefiend" && typeof(searchParams["keyword"])!="undefiend"){var keyword = searchParams["keyword"];var cityMap = $.parseJSON(cities);var cityId = "";var cityName = "";for(var key in cityMap){if(unescape(keyword).indexOf(cityMap[key])>= 0){if (cityId == "") {cityId += key;cityName += cityMap[key];} else {cityId += "," + key;cityName += "," + cityMap[key];}}}searchParams["cityId"]=cityId;searchParams["cityName"]=cityName;}
}// 展示查詢條件
function showParams() {var cityName = searchParams["cityName"];// 當前城市展示if(cityName==null || cityName==""){$(".selects").text("交貨地 ：? ");$("#cityName").text("全國");}else{if(typeof(cityName) == "undefined"){$(".selects").text("交貨地 ：? ");$("#cityName").text("全國");}else{var cityNameMutiList = cityName.split(",");if(cityNameMutiList.length == 1){$(".selects").text("交貨地 ："+searchParams["cityName"]);$("#cityName").text(searchParams["cityName"]);}else{$(".selects").text("交貨地 ： ");$("#cityName").text("全國");}}?? ?}var flagRight = false;$("#cityDiv").remove();if (cityName != null && cityName != "" && typeof(cityName) != "undefined") {flagRight = true;var cityDiv = "<div class=\"filter\"? id=\"cityDiv\"><div class=\"fl\">城市：</div><div class=\"fl\">" + unescape(cityName) + "<span id=\"citySpan\"></span></div>";$("#searchCondition").append(cityDiv);$("#citySpan").attr("onclick", "setSearchParams('cityName');setSearchParams('cityId');searchByParams()");}$("#breedDiv").remove();if (searchParams["breedInfos"] != null && searchParams["breedInfos"] != "") {var breedNames = "";var breedIds = "";var breedInfos = searchParams["breedInfos"];for ( var breedId in breedInfos) {var breedName = breedInfos[breedId];if (breedName != "") {if (breedNames == "") {breedNames += breedName;} else {breedNames += "," + breedName;}}if (breedId != "") {if (breedIds == "") {breedIds += breedId;} else {breedIds += "," + breedId;}}}searchParams["breedNames"] = "";searchParams["breedIds"] = breedIds;var breedDiv = "<div class=\"filter\" id=\"breedDiv\"><div class=\"fl\">品種：</div><div class=\"fl\">" + unescape(breedNames) + "<span id=\"breedSpan\"></span></div>";flagRight = true;$("#searchCondition").append(breedDiv);$("#breedSpan").attr("onclick", "setSearchParams('breedNames');setSearchParams('breedIds');setSearchParams('breedInfos');searchByParams()");} else {var breedNames = searchParams["breedNames"];if (breedNames != null && breedNames != "" && typeof(breedNames) != "undefined") {var breedDiv = "<div class=\"filter\" id=\"breedDiv\"><div class=\"fl\">品種：</div><div class=\"fl\">" + unescape(breedNames) + "<span id=\"breedSpan\"></span></div>";flagRight = true;$("#searchCondition").append(breedDiv);$("#breedSpan").attr("onclick", "setSearchParams('breedNames');setSearchParams('breedIds');setSearchParams('breedInfos');searchByParams()");}}$("#specDiv").remove();var specs = searchParams["specs"];if (specs != null && specs != "" && typeof(specs) != "undefined") {flagRight = true;var specDiv = "<div class=\"filter\" id=\"specDiv\"><div class=\"fl\">規格：</div><div class=\"fl\">" + unescape(specs) + "<span id=\"specSpan\"></span></div>";$("#searchCondition").append(specDiv);$("#specSpan").attr("onclick", "setSearchParams('specs');searchByParams()");}$("#materialDiv").remove();var materials = searchParams["materials"];if (materials != null && materials != "" && typeof(materials) != "undefined") {flagRight = true;var materialDiv = "<div class=\"filter\" id=\"materialDiv\"><div class=\"fl\">材質：</div><div class=\"fl\">" + unescape(materials) + "<span id=\"materialSpan\"></span></div>";$("#searchCondition").append(materialDiv);$("#materialSpan").attr("onclick", "setSearchParams('materials');searchByParams()");}$("#brandDiv").remove();var brands = searchParams["brands"];if (brands != null && brands != ""? && typeof(brands) != "undefined") {flagRight = true;var brandDiv = "<div class=\"filter\" id=\"brandDiv\"><div class=\"fl\">鋼廠：</div><div class=\"fl\">" + unescape(brands) + "<span id=\"brandSpan\"></span></div>";$("#searchCondition").append(brandDiv);$("#brandSpan").attr("onclick", "setSearchParams('brands');searchByParams()");}$("#keywordDiv").remove();var keyword = searchParams["keyword"];if (keyword != null && keyword != "" && typeof(keyword) != "undefined") {flagRight = true;var keywordDiv = "<div class=\"filter\" id=\"keywordDiv\"><div class=\"fl\">關鍵字：</div><div class=\"fl\">" + unescape(keyword) + "<span id=\"keywordSpan\"></span></div>";$("#searchCondition").append(keywordDiv);$("#keywordSpan").attr("onclick", "setSearchParams('keyword');searchByParams();cleanKeyword();");}$("#warehouseDiv").remove();var warehouses = searchParams["warehouses"];if (warehouses != null && warehouses != "") {var warehouseDiv = "<div class=\"filter\" id=\"warehouseDiv\"><div class=\"fl\">倉庫：</div><div class=\"fl\">" + unescape(warehouses) + "<span id=\"warehouseSpan\"></span></div>";flagRight = true;$("#searchCondition").append(warehouseDiv);$("#warehouseSpan").attr("onclick", "setSearchParams('warehouses');searchByParams()");}$("#priceRangeDiv").remove();var startPrice = searchParams["startPrice"];var endPrice = searchParams["endPrice"];var i = 0;var j = 0;if (startPrice != null && startPrice != "") {i++;j = 1;}if (endPrice != null && endPrice != "") {i++;j = 2;}if (i == 2) {var priceRangeDiv = "<div class=\"filter\" id=\"priceRangeDiv\"><div class=\"fl\">價格：</div><div class=\"fl\">" + startPrice + "-" + endPrice+ "</div><span id=\"priceRangeSpan\"></span></div>";flagRight = true;$("#searchCondition").append(priceRangeDiv);$("#priceRangeSpan").attr("onclick", "setSearchParams('startPrice');setSearchParams('endPrice');searchByParams()");}if (i == 1 && j == 1) {$("#pr1").val(startPrice);var priceRangeDiv = "<div class=\"filter\" id=\"priceRangeDiv\"><div class=\"fl\">價格：</div><div class=\"fl\">大于等于" + startPrice + "</div><span id=\"priceRangeSpan\"></span></div>";flagRight = true;$("#searchCondition").append(priceRangeDiv);$("#priceRangeSpan").attr("onclick", "setSearchParams('startPrice');setSearchParams('endPrice');searchByParams()");}if (i == 1 && j == 2) {$("#pr2").val(endPrice);var priceRangeDiv = "<div class=\"filter\" id=\"priceRangeDiv\"><div class=\"fl\">價格：</div><div class=\"fl\">小于等于" + endPrice + "</div><span id=\"priceRangeSpan\"></span></div>";flagRight = true;$("#searchCondition").append(priceRangeDiv);$("#priceRangeSpan").attr("onclick", "setSearchParams('startPrice');setSearchParams('endPrice');searchByParams()");}i = 0;j = 0;$("#thicknessRangeDiv").remove();var startThickness = searchParams["startThickness"];var endThickness = searchParams["endThickness"];if (startThickness != null && startThickness != "") {i++;j = 1;}if (endThickness != null && endThickness != "") {i++;j = 2;}if (i == 2) {var thicknessRangeDiv = "<div class=\"filter\" id=\"thicknessRangeDiv\"><div class=\"fl\">厚度：</div><div class=\"fl\">" + startThickness + "-" + endThickness+ "</div><span id=\"thicknessRangeSpan\"></span></div>";flagRight = true;$("#searchCondition").append(thicknessRangeDiv);$("#thicknessRangeSpan").attr("onclick", "setSearchParams('startThickness');setSearchParams('endThickness');searchByParams()");}if (i == 1 && j == 1) {var thicknessRangeDiv = "<div class=\"filter\" id=\"thicknessRangeDiv\"><div class=\"fl\">厚度：</div><div class=\"fl\">大于等于" + startThickness+ "</div><span id=\"thicknessRangeSpan\"></span></div>";flagRight = true;$("#searchCondition").append(thicknessRangeDiv);$("#thicknessRangeSpan").attr("onclick", "setSearchParams('startThickness');setSearchParams('endThickness');searchByParams()");}if (i == 1 && j == 2) {var thicknessRangeDiv = "<div class=\"filter\" id=\"thicknessRangeDiv\"><div class=\"fl\">厚度：</div><div class=\"fl\">小于等于" + endThickness+ "</div><span id=\"thicknessRangeSpan\"></span></div>";flagRight = true;$("#searchCondition").append(thicknessRangeDiv);$("#thicknessRangeSpan").attr("onclick", "setSearchParams('startThickness');setSearchParams('endThickness');searchByParams()");}i = 0;j = 0;$("#widthRangeDiv").remove();var startWidth = searchParams["startWidth"];var endWidth = searchParams["endWidth"];if (startWidth != null && startWidth != "") {i++;j = 1;}if (endWidth != null && endWidth != "") {i++;j = 2;}if (i == 2) {var widthRangeDiv = "<div class=\"filter\" id=\"widthRangeDiv\"><div class=\"fl\">寬度：</div><div class=\"fl\">" + startWidth + "-" + endWidth+ "</div><span id=\"widthRangeSpan\"></span></div>";flagRight = true;$("#searchCondition").append(widthRangeDiv);$("#widthRangeSpan").attr("onclick", "setSearchParams('startWidth');setSearchParams('endWidth');searchByParams()");}if (i == 1 && j == 1) {var widthRangeDiv = "<div class=\"filter\" id=\"widthRangeDiv\"><div class=\"fl\">寬度：</div><div class=\"fl\">大于等于" + startWidth + "</div><span id=\"widthRangeSpan\"></span></div>";flagRight = true;$("#searchCondition").append(widthRangeDiv);$("#widthRangeSpan").attr("onclick", "setSearchParams('startWidth');setSearchParams('endWidth');searchByParams()");}if (i == 1 && j == 2) {var widthRangeDiv = "<div class=\"filter\" id=\"widthRangeDiv\"><div class=\"fl\">寬度：</div><div class=\"fl\">小于等于" + endWidth + "</div><span id=\"widthRangeSpan\"></span></div>";flagRight = true;$("#searchCondition").append(widthRangeDiv);$("#widthRangeSpan").attr("onclick", "setSearchParams('startWidth');setSearchParams('endWidth');searchByParams()");}$("#cleanDiv").remove();if (searchParams !=null && searchParams != "" && typeof(searchParams) != "undefined"){if (flagRight == true) {var cleanDiv = "<div class=\"btn-filter-clear\" style=\"display:block;\" id=\"cleanDiv\">清除全部</div>";$("#searchCondition").append(cleanDiv);$(".btn-filter-clear").attr("onclick", "searchParams={};ci='';searchByParams({});cleanKeyword()");}}if(flagRight == true){$("#leftspn").show();}else{$("#leftspn").hide();}
}/*** 清除關鍵字*/
function cleanKeyword()
{$("input[name='kw']").val("");$("#kwInput1").val("");
}/*** 重設查詢參數*/
function setSearchParams(field)
{searchParams[field] = "";
}/*** 幫我找*/
function findRes(){goodsBtn = dialog({id: 'goods_tips_btn',title: '鋼銀找貨',url: '/shop/market/v6/hasno_dialog.html',width:'400',height:'230',fixed:true});Autofixed('#goods_tips_btn',goodsBtn) ;goodsBtn.showModal();return false;
}/*** 大類名跳轉要帶交貨地* @param url*/
function redirect(url){var ci = searchParams["cityId"];if(!ci){ci="";ct="quangguo";url = url+"?ct="+ct;}else{url = url+"?ci="+ci;}window.location.href=url;
}
-張量常見運算函數)
