| | |
| | | |
| | | }); |
| | | $(function () { |
| | | TopMap(); |
| | | DataGrid(); |
| | | // 定时器 |
| | | interval0 = setInterval(function () { |
| | | DataGrid(); |
| | | }, 120000); |
| | | }) |
| | | function TopMap(){ |
| | | $.ajax({ |
| | | url: "http://localhost:12298/api/loaddata/HouseTopData", |
| | | dataType: "JSON", |
| | | async: false,//使用同步的方式,true为异步方式 |
| | | type: "Get", |
| | | success: function (data) { |
| | | $("#stockqty").html(data.data[0].FQTY); |
| | | $("#todayinqty").html(data.data[1].FQTY); |
| | | $("#todayoutqty").html(data.data[2].FQTY); |
| | | $("#thismonthinqty").html(data.data[3].FQTY); |
| | | $("#thismonthoutqty").html(data.data[4].FQTY); |
| | | $("#turnoverday").html(""); |
| | | }, |
| | | error: function (data) { |
| | | |
| | | } |
| | | }) |
| | | } |
| | | function DataGrid() { |
| | | var data = { |
| | | "dt": |
| | | [ |
| | | { |
| | | "STOCKQTY": "10", |
| | | "TODAYINQTY": "10", |
| | | "TODAYOUTQTY": "10", |
| | | "THISMONTHINQTY": "10", |
| | | "THISMONTHOUTQTY": "10", |
| | | "TURNOVERDAY": "10" |
| | | } |
| | | ], |
| | | "dt1": |
| | | [ |
| | | { |
| | | "PartName": "#螺纹001", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | }, |
| | | { |
| | | "PartName": "#螺纹002", |
| | | "StockQty": "10", |
| | | "InRoomQty": "10", |
| | | "OutRoomQty": "10", |
| | | "list": [ |
| | | { |
| | | "LocationStatus": "Y", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "N", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | }, |
| | | { |
| | | "LocationStatus": "", |
| | | "LocationCode": "#10", |
| | | "LocationQty": "10" |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | } |
| | | console.info(data) |
| | | $("#stockqty").html(data.dt[0].STOCKQTY); |
| | | $("#todayinqty").html(data.dt[0].TODAYINQTY); |
| | | $("#todayoutqty").html(data.dt[0].TODAYOUTQTY); |
| | | $("#thismonthinqty").html(data.dt[0].THISMONTHINQTY); |
| | | $("#thismonthoutqty").html(data.dt[0].THISMONTHOUTQTY); |
| | | $("#turnoverday").html(data.dt[0].TURNOVERDAY); |
| | | $.ajax({ |
| | | url: "http://localhost:12298/api/loaddata/HouseDataTable", |
| | | dataType: "JSON", |
| | | async: false,//使用同步的方式,true为异步方式 |
| | | type: "Get", |
| | | success: function (data) { |
| | | console.info(data); |
| | | $(".hd").html(""); |
| | | var StepHtml = ""; |
| | | StepHtml += "<ul>"; |
| | | var result = []; |
| | | for (var i = 0; i < data.dt1.length; i += 2) { |
| | | result.push(data.dt1.slice(i, i + 2)); |
| | | for (var i = 0; i < data.data.length; i += 2) { |
| | | result.push(data.data.slice(i, i + 2)); |
| | | } |
| | | for (var j = 0; j < result.length; j++) { |
| | | StepHtml += "<li>"; |
| | | for (var m = 0; m < result[j].length; m++) { |
| | | StepHtml += "<div class='content'>"; |
| | | StepHtml += "<div class='content_name'>" + result[j][m].PartName + "</div>"; |
| | | StepHtml += "<div class='content_name'>" + result[j][m].FNAME + "</div>"; |
| | | StepHtml += "<div class='content_style bg_color w44'>"; |
| | | StepHtml += "<span class='mr'><i class='icon_style icon_n'></i><span class='text_s'>" + result[j][m].StockQty + "</span></span>"; |
| | | StepHtml += "<span class='mr'><i class='icon_style icon_r'></i><span class='text_s'>" + result[j][m].InRoomQty + "</span></span>"; |
| | | StepHtml += "<span><i class='icon_style icon_c'></i><span class=text_s>" + result[j][m].OutRoomQty + "</span></span>"; |
| | | StepHtml += "<span class='mr'><i class='icon_style icon_n'></i><span class='text_s'>" + result[j][m].FQTY + "</span></span>"; |
| | | StepHtml += "<span class='mr'><i class='icon_style icon_r'></i><span class='text_s'>" + result[j][m].InQty + "</span></span>"; |
| | | StepHtml += "<span><i class='icon_style icon_c'></i><span class=text_s>" + result[j][m].OutQty + "</span></span>"; |
| | | StepHtml += "</div>"; |
| | | StepHtml += "<div class='content_style w58'>"; |
| | | for (var k = 0; k < result[j][m].list.length; k++) { |
| | | if (result[j][m].list[k].LocationStatus == "Y") { |
| | | StepHtml += "<div class='content_mod content_mod_bg_true'>"; |
| | | StepHtml += "<p class='mt12'>" + result[j][m].list[k].LocationCode + "</p>"; |
| | | StepHtml += "<p class='mb9'>" + result[j][m].list[k].LocationQty + "</p>"; |
| | | StepHtml += "<p class='mt12'>固定库位1</p>"; |
| | | StepHtml += "<p class='mb9'>" + result[j][m].FQTY + "</p>"; |
| | | StepHtml += "</div>"; |
| | | } |
| | | else if (result[j][m].list[k].LocationStatus == "N") { |
| | | StepHtml += "</div>"; |
| | | StepHtml += "</div>"; |
| | | StepHtml += "<div class='content_mod content_mod_bg_tf'>"; |
| | | StepHtml += "<p class='mt12'>" + result[j][m].list[k].LocationCode + "</p>"; |
| | | StepHtml += "<p class='mb9'>" + result[j][m].list[k].LocationQty + "</p>"; |
| | | StepHtml += "</div>"; |
| | | } |
| | | else { |
| | | StepHtml += "<div class='content_mod content_mod_bg_false'>"; |
| | | StepHtml += " </div>"; |
| | | } |
| | | } |
| | | StepHtml += "</div>"; |
| | | StepHtml += "</div>"; |
| | | } |
| | | StepHtml += "</li>"; |
| | |
| | | $(".hd").append(StepHtml); |
| | | var time = 80; |
| | | $(".flex_t").slide({ mainCell: ".hd ul", autoPlay: true, effect: "topMarquee", opp: false, vis: 6, interTime: time, mouseOverStop: false }); |
| | | }, |
| | | error: function (data) { |
| | | |
| | | } |
| | | }) |
| | | |
| | | |
| | | |
| | | |
| | | } |