TV.kanbanUI.git

			@@ -1,6 +1,7 @@
			<!DOCTYPE html>
			<!--<html lang="zh-cn">-->
			c<html>
			c
			<html>

			<head>
			<meta charset="UTF-8">
			@@ -22,6 +23,14 @@
			<script src="js/webConfig.js"></script>
			<script src="js/layui.js"></script>
			<style>
			.layui-table th {
			font-weight: bold;
			}

			.layui-table td {
			font-weight: bold;
			}

			.clock {
			font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
			font-size: 20px;
			@@ -32,14 +41,14 @@
			margin-right: 5px;
			color: #09d1ea;
			}
			/* .layui-icon {
			/* .layui-icon {
			font-family:layui-icon !important;
			}*/

			.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;
			@@ -97,7 +106,7 @@

			.col-sm-2 {
			position: absolute;
			top:900px;
			top: 900px;
			right: 250px;
			}

			@@ -109,9 +118,9 @@
			}

			.col-sm-4 {
			position:absolute;
			top:100px;
			right:20px;
			position: absolute;
			top: 100px;
			right: 20px;
			}

			.col-sm-6 {
			@@ -123,7 +132,7 @@
			.col-sm-5 {
			position: absolute;
			top: 100px;
			right:50px;
			right: 50px;
			}


			@@ -132,9 +141,9 @@
			top: 550px;
			right: 130px;
			}

			/*
			#mychart1,
			#mychart2{
			#mychart2 {
			width: 120%;
			border: none;
			height: 300px;
			@@ -144,7 +153,7 @@
			width: 190%;
			border: none;
			height: 300px;
			}
			}*/

			#cList {
			margin: 0% auto;
			@@ -238,6 +247,7 @@
			/* border: 1px solid #464646; */
			border: none;
			}

			#tb_order2 tr td {
			text-align: center;
			height: 32px;
			@@ -249,6 +259,7 @@
			/* border: 1px solid #464646; */
			border: none;
			}

			#tb_order3 tr td {
			text-align: center;
			height: 32px;
			@@ -260,7 +271,6 @@
			/* border: 1px solid #464646; */
			border: none;
			}



			.bootstrap-table .table {
			@@ -302,11 +312,11 @@
			</style>

			<script type="text/javascript">
			layui.use(['form', 'element', 'table','layer'], function () {
			layui.use(['form', 'element', 'table', 'layer'], function () {
			var $ = layui.$
			form = layui.form,
			layer = layui.layer,
			table = layui.table,
			table = layui.table,
			element = layui.element;
			var titleData = ["FID", "FENTRYID"]
			var titleData2 = ["FID", "FENTRYID"]
			@@ -350,11 +360,11 @@
			}, 1000);
			});
			$(function () {
			var mychart1 = echarts.init(document.getElementById('mychart1'));
			var mychart2 = echarts.init(document.getElementById('mychart2'));
			var mychart3 = echarts.init(document.getElementById('mychart3'));
			//var mychart1 = echarts.init(document.getElementById('mychart1'));
			//var mychart2 = echarts.init(document.getElementById('mychart2'));
			//var mychart3 = echarts.init(document.getElementById('mychart3'));

			Chart(mychart1, mychart2, mychart3);
			//Chart(mychart1, mychart2, mychart3);
			DataTable();
			DataTable2();
			DataTable3();
			@@ -367,17 +377,20 @@
			ToDayDt = [];
			OrderQty = [];
			FHSQty = [];
			Chart(mychart1, mychart2, mychart3);
			//Chart(mychart1, mychart2, mychart3);
			}, 20000);
			interval1 = setInterval(function () {
			$("#tb_order").bootstrapTable('refresh');
			}, 1000);
			DataTable();
			DataTable2();
			DataTable3();
			}, 30000);
			//根据浏览器大小改变大小
			window.onresize = () => {
			mychart1.resize();
			mychart2.resize();
			mychart3.resize();
			}
			//window.onresize = () => {
			// mychart1.resize();
			// mychart2.resize();
			// mychart3.resize();
			//}
			})


			@@ -683,14 +696,10 @@
			};


			mychart1.setOption(option1);
			mychart2.setOption(option2);
			mychart3.setOption(option3);
			//mychart1.setOption(option1);
			//mychart2.setOption(option2);
			//mychart3.setOption(option3);
			}





			function DataTable() {
			layui.use(['table', 'jquery', 'form'], function () {
			@@ -705,33 +714,45 @@
			type: "GET",
			url: GetWEBURL() + '/loaddata/DeliveryTableData',
			contentType: "application/json;charset=utf-8",
			data: { "limit": "10", "offset": num },
			data: { "limit": "15", "offset": num },
			async: false,
			dataType: "json",
			json: 'callback',
			success: function (result) {
			var col = [];
			//给空的数组赋值
			col.push({ type: 'radio', fixed: 'left', formatter: stateFormatter, width: 50});
			//给空的数组赋值
			col.push({ type: 'radio', fixed: 'left', formatter: stateFormatter, width: 50 });
			for (var key in result.columnNameList) {
			if ($.inArray(result.columnNameList[key].ColmCols, titleData) > -1) {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //隐藏id列
			}
			else if (result.columnNameList[key].ColmType == "Decimal") {
			} else
			if (result.columnNameList[key].ColmType == "Decimal") {

			col.push({
			field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) {
			field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 120, formatter: function (value, row, index) {
			return parseFloat(value).toFixed(2);
			}
			});
			}
			else {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 180 });
			}
			else if (result.columnNameList[key].ColmCols == '日期' \|\| result.columnNameList[key].ColmCols == '客户名称' \|\| result.columnNameList[key].ColmCols == '司机电话') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 120 });
			}
			else if (result.columnNameList[key].ColmCols == '装车时间' \|\| result.columnNameList[key].ColmCols == '进厂时间' \|\| result.columnNameList[key].ColmCols == '出厂时间') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 170 });
			}
			else if (result.columnNameList[key].ColmCols == '物料名称') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 150 });
			}
			else if (result.columnNameList[key].ColmCols == '规格型号') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 250 });
			} else {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 110 });
			}

			}

			var num_total = (result.total) / 10;
			var num_total = (result.total) / 15;
			if (num >= num_total) {
			num = 0;
			}
			@@ -741,47 +762,59 @@
			, toolbar: '#toolbarDemo'
			, data: result.rows
			, page: true // 开启分页
			, limit: 10
			, limit: 15
			, limits: [15, 30, 45, 60, 75, 100, 115, 130, 145, 160, 175, 200]
			, cols: [col]
			, done: function (res, curr, count) {
			res.data.forEach(function (item, index) {
			// console.log(item);
			//这里的entity_status_id 为表格数据中的一列数据，用于判断特定行
			if (item.出厂时间 != null && item.出厂时间 != "") {
			var tr = $(".layui-one .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "black");
			if (item.进厂标记 == 1 && item.出厂标记 == 0) {
			var tr = $(".layui-one .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(51,204,102)");
			}

			else if
			(item.进厂标记 == 0 && item.出厂标记 == 0) {
			var tr = $(".layui-one .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "white");
			}
			else if (item.进厂标记 == 1 && item.出厂标记 == 1) {
			var tr = $(".layui-one .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(253,253,150)");
			}
			else if
			(item.进厂标记 == 0 && item.出厂标记 == 1) {
			var tr = $(".layui-one .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(253,253,150)");
			}
			})

			// 监听table复选框的选择事件
			table.on('radio(tb_order)', function (obj) {
			selectedIds = table.checkStatus('tb_order').data.map(item => item.id).sort(function (a, b) {
			return a - b;
			});

			console.log('selectedIds');
			console.log(selectedIds);

			});
			}
			});


			// 监听table单选框的选择事件
			table.on('radio(tb_order)', function (obj) {
			selectedIds = table.checkStatus('tb_order').data.map(item => item.id).sort(function (a, b) {
			return a - b;
			});

			console.log('selectedIds');
			console.log(selectedIds);

			});
			}
			})
			});

			}




			//头工具栏事件
			table.on('toolbar(tb_order)', function (obj) {
			var checkStatus = table.checkStatus('tb_order')
			, data = checkStatus.data;



			var FID = data[0].FID.toString();
			var FENTRYID = data[0].FENTRYID.toString();

			@@ -807,9 +840,7 @@
			});




			function Table_Button(FID,FENTRYID,OperationType) {
			function Table_Button(FID, FENTRYID, OperationType) {
			$.ajax({
			type: "GET",
			url: GetWEBURL() + '/loaddata/DeliveryTableDataButton',
			@@ -820,7 +851,7 @@
			json: 'callback',
			success: function (result) {
			var data = result.data;
			layer.alert(data[0].HRemark);

			}
			})
			}
			@@ -838,7 +869,7 @@
			type: "GET",
			url: GetWEBURL() + '/loaddata/DeliveryTableData2',
			contentType: "application/json;charset=utf-8",
			data: { "limit": "10", "offset": num2 },
			data: { "limit": "15", "offset": num2 },
			async: false,
			dataType: "json",
			json: 'callback',
			@@ -848,22 +879,34 @@
			col.push({ type: 'radio', fixed: 'left', formatter: stateFormatter, width: 50 });
			for (var key in result.columnNameList) {
			if ($.inArray(result.columnNameList[key].ColmCols, titleData2) > -1) {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //隐藏id列
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //隐藏id列
			} else
			if (result.columnNameList[key].ColmType == "Decimal") {
			if (result.columnNameList[key].ColmType == "Decimal") {

			col.push({
			field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) {
			return parseFloat(value).toFixed(2);
			}
			});
			} else {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 180 });
			}
			col.push({
			field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 120, formatter: function (value, row, index) {
			return parseFloat(value).toFixed(2);
			}
			});
			}
			else if (result.columnNameList[key].ColmCols == '日期' \|\| result.columnNameList[key].ColmCols == '客户名称' \|\| result.columnNameList[key].ColmCols == '司机电话') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 120 });
			}
			else if (result.columnNameList[key].ColmCols == '装车时间' \|\| result.columnNameList[key].ColmCols == '进厂时间' \|\| result.columnNameList[key].ColmCols == '出厂时间') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 170 });
			}
			else if (result.columnNameList[key].ColmCols == '物料名称') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 150 });
			}
			else if (result.columnNameList[key].ColmCols == '规格型号') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 250 });
			} else {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 110 });
			}

			}

			var num_total2 = (result.total) / 10;
			var num_total2 = (result.total) / 15;
			if (num2 >= num_total2) {
			num2 = 0;
			}
			@@ -873,23 +916,37 @@
			, toolbar: '#toolbarDemo2'
			, data: result.rows
			, page: true // 开启分页
			, limit: 10
			, limit: 15
			, limits: [15, 30, 45, 60, 75, 100, 115, 130, 145, 160, 175, 200]
			, cols: [col]
			, done: function (res, curr, count) {
			res.data.forEach(function (item, index) {
			// console.log(item);
			//这里的entity_status_id 为表格数据中的一列数据，用于判断特定行
			if (item.出厂时间 != null && item.出厂时间 !="") {
			var tr = $(".layui-two .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(190,255,180)");
			if (item.进厂标记 == 1 && item.出厂标记 == 0) {
			var tr = $(".layui-two .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(51,204,102)");
			}

			else if
			(item.进厂标记 == 0 && item.出厂标记 == 0) {
			var tr = $(".layui-two .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "white");
			}
			else if (item.进厂标记 == 1 && item.出厂标记 == 1) {
			var tr = $(".layui-two .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(253,253,150)");
			}
			else if
			(item.进厂标记 == 0 && item.出厂标记 == 1) {
			var tr = $(".layui-two .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(253,253,150)");
			}
			})
			}
			});


			// 监听table单选框的选择事件
			// 监听table复选框的选择事件
			table.on('radio(tb_order2)', function (obj) {
			selectedIds = table.checkStatus('tb_order2').data.map(item => item.id).sort(function (a, b) {
			return a - b;
			@@ -951,7 +1008,7 @@
			type: "GET",
			url: GetWEBURL() + '/loaddata/DeliveryTableData3',
			contentType: "application/json;charset=utf-8",
			data: { "limit": "10", "offset": num3 },
			data: { "limit": "15", "offset": num3 },
			async: false,
			dataType: "json",
			json: 'callback',
			@@ -963,20 +1020,32 @@
			if ($.inArray(result.columnNameList[key].ColmCols, titleData3) > -1) {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', hide: true }); //隐藏id列
			} else
			if (result.columnNameList[key].ColmType == "Decimal") {
			if (result.columnNameList[key].ColmType == "Decimal") {

			col.push({
			field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', formatter: function (value, row, index) {
			return parseFloat(value).toFixed(2);
			}
			});
			} else {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 180});
			}
			col.push({
			field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 120, formatter: function (value, row, index) {
			return parseFloat(value).toFixed(2);
			}
			});
			}
			else if (result.columnNameList[key].ColmCols == '日期' \|\| result.columnNameList[key].ColmCols == '客户名称' \|\| result.columnNameList[key].ColmCols == '司机电话') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 120 });
			}
			else if (result.columnNameList[key].ColmCols == '装车时间' \|\| result.columnNameList[key].ColmCols == '进厂时间' \|\| result.columnNameList[key].ColmCols == '出厂时间') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 170 });
			}
			else if (result.columnNameList[key].ColmCols == '物料名称') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 150 });
			}
			else if (result.columnNameList[key].ColmCols == '规格型号') {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 250 });
			} else {
			col.push({ field: result.columnNameList[key].ColmCols, title: result.columnNameList[key].ColmCols, align: 'center', width: 110 });
			}

			}

			var num_total3 = (result.total) / 10;
			var num_total3 = (result.total) / 15;
			if (num3 >= num_total3) {
			num3 = 0;
			}
			@@ -986,23 +1055,37 @@
			, toolbar: '#toolbarDemo3'
			, data: result.rows
			, page: true // 开启分页
			, limit: 10
			, limit: 15
			, limits: [15, 30, 45, 60, 75, 100, 115, 130, 145, 160, 175, 200]
			, cols: [col]
			, done: function (res, curr, count) {
			res.data.forEach(function (item, index) {
			// console.log(item);
			//这里的entity_status_id 为表格数据中的一列数据，用于判断特定行
			if (item.出厂时间 != null && item.出厂时间 != "") {
			var tr = $(".layui-three .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "grey");
			if (item.进厂标记 == 1 && item.出厂标记 == 0) {
			var tr = $(".layui-three .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(51,204,102)");
			}

			else if
			(item.进厂标记 == 0 && item.出厂标记 == 0) {
			var tr = $(".layui-three .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "white");
			}
			else if (item.进厂标记 == 1 && item.出厂标记 == 1) {
			var tr = $(".layui-three .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(253,253,150)");
			}
			else if
			(item.进厂标记 == 0 && item.出厂标记 == 1) {
			var tr = $(".layui-three .layui-table tr[data-index=" + index + "]");
			tr.css("background-color", "rgb(253,253,150)");
			}
			})
			}
			});


			// 监听table单选框的选择事件
			// 监听table复选框的选择事件
			table.on('radio(tb_order3)', function (obj) {
			selectedIds = table.checkStatus('tb_order3').data.map(item => item.id).sort(function (a, b) {
			return a - b;
			@@ -1091,25 +1174,25 @@
			<!--基本信息-->
			<div class="layui-tab-item layui-show layui-one">
			<div class="layui-form-item" style="padding-top: 10px;">
			<div class="col-sm-8 left">
			<div class="col-sm-12 left">
			<div>
			<table id="tb_order" lay-filter="tb_order" class="table-condensed table-responsive tb_order" data-filter-control="true"></table>
			</div>
			</div>
			<script type="text/html" id="toolbarDemo">
			<div class="layui-btn-container">
			<button type="button" class="layui-btn layui-btn-sm" lay-event="InFactory1" >进厂</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="InFactory1">进厂</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="DInFactory1">撤销进厂</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="OutFactory1">出厂</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="DOutFactory1">撤销出厂</button>
			</div>
			</script>S
			</script>
			</div>
			</div>
			<!--基本信息-->
			<div class="layui-tab-item layui-two">
			<div class="layui-form-item" style="padding-top: 10px;">
			<div class="col-sm-8 left">
			<div class="col-sm-12 left">
			<div>
			<table id="tb_order2" lay-filter="tb_order2" class="table-condensed table-responsive tb_order2" data-filter-control="true"></table>
			</div>
			@@ -1127,7 +1210,7 @@
			<!--基本信息-->
			<div class="layui-tab-item layui-three">
			<div class="layui-form-item" style="padding-top: 10px;">
			<div class="col-sm-8 left">
			<div class="col-sm-12 left">
			<div>
			<table id="tb_order3" lay-filter="tb_order3" class="table-condensed table-responsive tb_order3" data-filter-control="true"></table>
			</div>
			@@ -1144,16 +1227,10 @@
			</div>
			</div>




			</div>
			</form>




			<div class="col-sm-4 right">
			<!--<div class="col-sm-4 right">
			<div class="col-sm-6 right">
			<ul id="cList">
			<li style="font-size:24px;color:#3bff72">状态</li>
			@@ -1172,9 +1249,7 @@
			</div>
			<div class="col-sm-2 right">
			<div id="mychart3"></div>
			</div>


			</div>-->

			</body>