TV.kanbanUI.git

			@@ -17,6 +17,7 @@
			<script src="js/jquery.SuperSlide.2.1.3.js"></script>
			<script src='js/template.js'></script>
			<script src="js/jquery.qrcode.min.js"></script>
			<script src="js/webConfig.js"></script>
			<style>
			.clock {
			font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
			@@ -27,33 +28,30 @@
			margin-top: -75px;
			margin-right: 5px;
			color: #09d1ea;

			}

			.clock #Date {
			text-align: center;
			text-shadow: 0 0 0px #00c6ff;
			.clock #Date {
			text-align: center;
			text-shadow: 0 0 0px #00c6ff;
			}

			.clock ul {
			width: 450px;
			margin: 0 auto;
			padding: 0px;
			list-style: none;
			text-align: right;
			margin-left: 15px;
			position: relative;
			}

			}

			.clock ul {
			width: 450px;
			margin: 0 auto;
			padding: 0px;
			list-style: none;
			text-align: right;
			margin-left: 15px;
			position: relative;
			}

			.clock ul li {
			display: inline;
			font-size: 24px;
			text-align: left;
			font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
			text-shadow: 0 0 0px #00c6ff;
			}
			.clock ul li {
			display: inline;
			font-size: 24px;
			text-align: left;
			font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
			text-shadow: 0 0 0px #00c6ff;
			}

			body {
			padding-left: 50px;
			@@ -61,7 +59,6 @@
			}

			.title {

			font-size: 44px;
			font-family: PingFangSC;
			font-weight: 500;
			@@ -79,42 +76,38 @@
			flex-wrap: wrap;
			}

			.flex .flex_item {
			width: 16%;
			height: 180px;
			border: 3px solid #080c1c;
			border-radius: 5px;
			margin-bottom: 10px;
			background: url(img/3-3.png) #02040d no-repeat center top;
			position: relative;
			.flex .flex_item {
			width: 16%;
			height: 180px;
			border: 3px solid #080c1c;
			border-radius: 5px;
			margin-bottom: 10px;
			background: url(img/3-3.png) #02040d no-repeat center top;
			position: relative;
			}

			.flex span {
			position: absolute;
			top: 50%;
			margin-top: 0;
			font-size: 23px;
			font-family: PingFangSC;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			width: 100%;
			text-align: center;
			}

			}

			.flex span {
			position: absolute;
			top: 50%;

			margin-top: 0;
			font-size: 23px;
			font-family: PingFangSC;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			width: 100%;
			text-align: center;
			}

			.flex p {

			margin-bottom: 5px;
			color: #a5a5a7;
			position: absolute;
			bottom: 0;
			font-size: 16px;
			font-family: PingFangSC;
			font-weight: 400;
			width: 100%
			}
			.flex p {
			margin-bottom: 5px;
			color: #a5a5a7;
			position: absolute;
			bottom: 0;
			font-size: 16px;
			font-family: PingFangSC;
			font-weight: 400;
			width: 100%
			}

			.title_o {
			margin-top: 15px;
			@@ -127,7 +120,6 @@

			.flex_t li {
			width: 100%;

			}

			.content_name {
			@@ -141,7 +133,6 @@
			.content_style {
			display: inline-block;
			vertical-align: top;

			}

			.w44 {
			@@ -152,7 +143,6 @@

			.w58 {
			width: 53.5%;

			}

			.bg_color {
			@@ -190,9 +180,9 @@
			margin-bottom: 10px;
			}

			.content:nth-child(2n) {
			margin-right: 0;
			}
			.content:nth-child(2n) {
			margin-right: 0;
			}

			.content_style span {
			font-size: 14px;
			@@ -214,14 +204,13 @@
			height: 60px;
			border-radius: 2px;
			display: inline-block;

			margin-right: 10px;
			vertical-align: top;
			}

			.content_mod:nth-child(5n) {
			margin-right: 0px;
			}
			.content_mod:nth-child(5n) {
			margin-right: 0px;
			}

			.content_mod_bg_true {
			background: url(img/new_icon_true.png) no-repeat center;
			@@ -259,8 +248,14 @@
			}
			</style>
			<script type="text/javascript">
			var Warehouse = '160'; //毛坯仓库
			var interval0;//计时器
			//配置参数
			var HouseCode = '509'//仓库看板仓库编码




			var interva0;//计时器
			var interva1;//计时器
			$(document).ready(function () {

			// 创建两个变量，一个数组中的月和日的名称
			@@ -286,416 +281,161 @@

			});
			$(function () {
			TopMap();
			DataGrid();
			// 定时器
			interval0 = setInterval(function () {
			interva1 = setInterval(function () {
			TopMap();
			}, 60000);
			// 定时器
			interva1 = setInterval(function () {
			DataGrid();
			}, 120000);
			})
			function TopMap() {
			$.ajax({
			url: GetWEBURL() + "loaddata/HouseTopData",
			dataType: "JSON",
			async: false,//使用同步的方式,true为异步方式
			type: "Get",
			data: { "HouseCode": HouseCode },
			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);
			$(".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 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_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 += "</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") {
			$.ajax({
			url: GetWEBURL() + "loaddata/HouseDataTable",
			dataType: "JSON",
			async: false,//使用同步的方式,true为异步方式
			type: "Get",
			data: { "HouseCode": HouseCode },
			success: function (data) {
			console.info(data);
			$(".hd").html("");
			var StepHtml = "";
			StepHtml += "<ul>";
			var result = [];
			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].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].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'>";
			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'>A01</p>";
			StepHtml += "<p class='mb9'>" + result[j][m].FQTY + "</p>";
			StepHtml += "</div>";
			}
			else if (result[j][m].list[k].LocationStatus == "N") {
			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_tf'>";
			//StepHtml += "<p class='mt12'></p>";
			//StepHtml += "<p class='mb9'></p>";
			//StepHtml += "</div>";

			StepHtml += "<div class='content_mod content_mod_bg_false'>";
			StepHtml += " </div>";
			StepHtml += "<div class='content_mod content_mod_bg_false'>";
			StepHtml += " </div>";
			StepHtml += "<div class='content_mod content_mod_bg_false'>";
			StepHtml += " </div>";

			StepHtml += "</div>";
			StepHtml += "</div>";
			}
			StepHtml += "</li>";
			}
			StepHtml += "</div>";
			StepHtml += "</div>";
			StepHtml += "</ul>";
			$(".hd").append(StepHtml);
			var time = 30;
			$(".flex_t").slide({ mainCell: ".hd ul", autoPlay: true, effect: "topMarquee", opp: false, vis: 6, interTime: time, mouseOverStop: false });
			},
			error: function (data) {

			}
			StepHtml += "</li>";
			}
			StepHtml += "</ul>";
			$(".hd").append(StepHtml);
			var time = 80;
			$(".flex_t").slide({ mainCell: ".hd ul", autoPlay: true, effect: "topMarquee", opp: false, vis: 6, interTime: time, mouseOverStop: false });
			})




			}
			</script>
			</head>

			<body>
			<div class='title'>成品仓库FIFO看板</div>

			<div class="clock">
			<ul>
			<li id="Date"></li>
			<li id="hours"> </li>
			<li id="point">:</li>
			<li id="min"> </li>
			<li id="point">:</li>
			<li id="sec"> </li>
			</ul>

			</div>
			<div class="col-sm-12">
			<div class='flex'>
			<div class='flex_item'>
			<span id="stockqty"></span>
			<p>当前库存量</p>
			</div>

			<div class='flex_item'>
			<span id="todayinqty"></span>
			<p>今日入库数</p>
			</div>

			<div class='flex_item'>
			<span id="todayoutqty"></span>
			<p>今日出库数</p>
			</div>

			<div class='flex_item'>
			<span id="thismonthinqty"></span>
			<p>本月入库数</p>
			</div>

			<div class='flex_item'>
			<span id="thismonthoutqty"></span>
			<p>本月出库数</p>
			</div>


			<div class='flex_item'>
			<span id="turnoverday"></span>
			<p>库存周转天数</p>
			</div>


			</div>
			</div>
			<div class='title_o'>FIFO详情</div>
			<div class='flex_t'>
			<div class='hd'>
			<ul>

			</ul>
			</div>
			</div>
			</body>

			</html>

			<body>
			<div class='title'>成品仓库FIFO看板</div>

			<div class="clock">
			<ul>
			<li id="Date"></li>
			<li id="hours"> </li>
			<li id="point">:</li>
			<li id="min"> </li>
			<li id="point">:</li>
			<li id="sec"> </li>
			</ul>

			</div>
			<div class="col-sm-12">
			<div class='flex'>
			<div class='flex_item'>
			<span id="stockqty"></span>
			<p>当前库存量</p>
			</div>

			<div class='flex_item'>
			<span id="todayinqty"></span>
			<p>今日入库数</p>
			</div>

			<div class='flex_item'>
			<span id="todayoutqty"></span>
			<p>今日出库数</p>
			</div>

			<div class='flex_item'>
			<span id="thismonthinqty"></span>
			<p>本月入库数</p>
			</div>

			<div class='flex_item'>
			<span id="thismonthoutqty"></span>
			<p>本月出库数</p>
			</div>


			<div class='flex_item'>
			<span id="turnoverday"></span>
			<p>库存周转天数</p>
			</div>


			</div>
			</div>
			<div class='title_o'>FIFO详情</div>
			<div class='flex_t'>
			<div class='hd'>
			<ul>

			</ul>
			</div>
			</div>
			</body>

			</html>