MES-WEB-LayUI.git

			@@ -2,9 +2,403 @@
			<html>
			<head>
			<meta charset="utf-8" />
			<title></title>
			<title>éèåè®¾ç½®</title>
			<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
			<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
			<script src="../../../layuiadmin/layui/layui.js"></script>
			<script src="../../../layuiadmin/Scripts/json2.js"></script>
			<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
			<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
			<script src="../../../layuiadmin/PubCustom.js"></script>
			<style>
			/* é²æ¢ä¸ææ¡çä¸æåè¡¨è¢«éè---å¿é¡»è®¾ç½®--- */
			.layui-table-cell {
			overflow: visible !important;
			}
			/* ä½¿å¾ä¸ææ¡ä¸ååæ ¼åå¥½åé */
			td .layui-form-select {
			margin-top: -10px;
			margin-left: -15px;
			margin-right: -15px;
			}
			</style>
			</head>
			<body>

			<div class="layui-fluid" style="padding: 0;">
			<div class="layui-card" style="padding: 2px;background-color: #efefef;">
			<div class="layui-card-body" style="padding: 1px;">
			<form class="layui-form" action="" lay-filter="formData" style="background-color:white;">
			<div style="padding: 10px; ">
			<button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="CheckAll" id="CheckAll">å¨é</button>
			<button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="ClearBill" id="ClearBill">å¨æ¸</button>
			<button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="btnSave" id="btnSave">ä¿å</button>
			<button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="Exit" id="Exit">éåº</button>
			<button class="layui-btn layui-btn-normal" type="button" lay-submit="" lay-filter="Del" id="Del">å é¤</button>
			</div>
			<div class="layui-collapse">
			<div class="layui-colla-item">
			<div class="layui-form-item" style="padding-top: 10px;">
			<table class="layui-hide" id="mainTable" lay-filter="mainTable"></table>
			</div>
			</div>
			</div>
			<div class="layui-tab" lay-filter="tab-POStockInBill">
			<div class="layui-tab-content">
			<div class="layui-tab-item layui-show">
			<div class="layui-form-item" style="padding-top: 10px;">
			<div class="layui-row">
			<div class="layui-inline">
			<label class="layui-form-label" style="width: 85px;">å»ç»å</label>
			<div class="layui-input-block" style="margin-left: 120px;">
			<input type="text" class="layui-input" name="HFixCols" lay-verify="HFixCols" id="HFixCols">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label" style="width: 85px;">åä½å¤§å°</label>
			<div class="layui-input-block" style="margin-left: 120px;">
			<input type="text" class="layui-input" name="HFontSize" lay-verify="HFontSize" id="HFontSize">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label" style="width: 85px;">åå®½</label>
			<div class="layui-input-block" style="margin-left: 120px;">
			<input type="text" class="layui-input" lay-verify="HColumnWidth" name="HColumnWidth" id="HColumnWidth">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label" style="width: 85px;">é»è®¤åé¡µ</label>
			<div class="layui-input-block" style="margin-left: 120px;">
			<input type="text" class="layui-input" lay-verify="HPageSize" name="HPageSize" id="HPageSize">
			</div>
			</div>
			</div>
			<div class="layui-row">
			<div class="layui-inline">
			<label class="layui-form-label">ç¹å»æåº</label>
			<div class="layui-input-block" style="margin-left: 120px;width: 184px;">
			<select name="HSortFlag" lay-verify="HSortFlag" id="HSortFlag">
			<option value=""></option>
			<option value="æ¯">æ¯</option>
			<option value="å¦">å¦</option>
			</select>
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">éä¸è¡åè®¡</label>
			<div class="layui-input-block" style="margin-left: 125px;width: 184px;">
			<select name="HSelTotal" lay-verify="HSelTotal" id="HSelTotal">
			<option value=""></option>
			<option value="æ¯">æ¯</option>
			<option value="å¦">å¦</option>
			</select>
			</div>
			</div>
			</div>
			</div>
			</div>
			</div>
			</div>
			</form>
			</div>
			</div>
			</div>
			</body>
			</html>
			</html>
			<!--è¡ä¸æéæ©(å¯¹é½æ¹å¼)-->
			<script type="text/html" id="Alignment">
			<select name="Alignment" lay-filter="Alignment" id="Alignment{{d.LAY_TABLE_INDEX+1}}">
			<option value="L">å·¦å¯¹é½</option>
			<option value="M">å±ä¸</option>
			<option value="R">å³å¯¹é½</option>
			</select>
			</script>
			<!--å¤éæ¡ æ¯å¦éè-->
			<script type="text/html" id="IsHide">
			<div class="layui-input-block" style="margin-left: 20px;">
			<input type="checkbox" name="IsHide" lay-filter="IsHide" id="IsHide{{d.LAY_TABLE_INDEX+1}}" lay-skin="primary">
			</div>
			</script>
			<script>
			layui.config({
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			index: 'lib/index' //ä¸»å¥å£æ¨¡å
			}).use(['index', 'form', 'laydate', 'table', 'element'], function () {
			//#region å¬å±åé
			var $ = layui.$
			, admin = layui.admin
			, layer = layui.layer
			, table = layui.table
			, form = layui.form
			, element = layui.element;
			//æ¥è¯¢æ¡ä»¶
			var sWhere = "";
			var option = [];
			//#endregion

			//#region è¿å¥é¡µé¢å³å è½½

			var params = getUrlVars();
			var HModName = params[params[0]]; //æ¨¡ååç§°
			var colName = params[params[1]]; //åå
			colName = decodeURI(colName);//å¯¹URI è¿è¡è§£ç
			//åå§åçé¢
			set_ClearBill();

			//#endregion

			//#region è§¦åäºä»¶ï¼åæ¬form.on(){}æ ¼å¼çææç¹å»äºä»¶ãéæ©äºä»¶ç

			//è¡éæ©å¤çï¼å¯¹é½æ¹å¼ï¼
			form.on('select(Alignment)', function (data) {
			//è·åä¸ææ¡éä¸çå¼
			var elem = data.othis.parents('tr');
			var dataindex = elem.attr("data-index");
			$.each(option.data, function (index, value) {
			if (value.LAY_TABLE_INDEX == dataindex) {
			value.Alignment = data.value;//æéä¸ä¸ææ¡idå¼èµå¼ç»è¡¨æ ¼ç¼å
			}
			});
			});

			//æ¯å¦éè
			form.on('checkbox(IsHide)', function (data) {
			//è·åä¸ææ¡éä¸çå¼
			var elem = data.othis.parents('tr');
			var dataindex = elem.attr("data-index");
			$.each(option.data, function (index, value) {
			if (value.LAY_TABLE_INDEX == dataindex) {
			value.IsHide = data.elem.checked;//æéä¸ä¸ææ¡idå¼èµå¼ç»è¡¨æ ¼ç¼å
			}
			});
			});

			//ä¿åæäº¤
			form.on('submit(btnSave)', function (data) {//æäº¤
			set_AddNew(data);
			});

			//å¨é
			form.on('submit(CheckAll)', function (data) {//æäº¤
			for (var i = 0; i < table.cache["mainTable"].length; i++) {
			table.cache["mainTable"][i].IsHide = true;
			$('#IsHide' + (i + 1)).prop("checked", true);
			}
			form.render('checkbox');
			});

			//å¨æ¸
			form.on('submit(ClearBill)', function (data) {//æäº¤
			for (var i = 0; i < table.cache["mainTable"].length; i++) {
			table.cache["mainTable"][i].IsHide = false;
			$('#IsHide' + (i + 1)).attr("checked", false);
			}
			form.render('checkbox');
			});

			//éåº
			form.on('submit(Exit)', function () {
			Pub_Close(1);
			})

			//å é¤
			form.on('submit(Del)', function () {
			get_Del();
			})

			//#endregion

			//#region æ¤é¡µé¢ææçæ¹æ³

			//åå§åçé¢
			function set_ClearBill() {
			set_InitGrid();
			get_Display();
			}

			//æ¥è¯¢
			function get_Display() {
			var ajaxLoad = layer.load();
			$.ajax({
			url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
			type: "GET",
			data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
			success: function (data1) {
			var colNames = [];//ç¸å¯¹åæ®ä¼ è¿æ¥çåå
			var cols = [];//è¦ä¼ è¿è¡¨æ ¼çæ°æ®
			var dataCol = [];

			if (data1.data.length != 0) {
			//æ°æ®åºæ¥è¯¢åºçåæ°æ®
			dataCol = data1.data[0].HGridString.split(',');
			}

			colNames = colName.split(',');

			if (data1.data.length != 0 && dataCol.length == colNames.length) {
			//å»ç»å
			$("#HFixCols").val(data1.data[0].HFixCols);
			//åä½å¤§å°
			$("#HFontSize").val(data1.data[0].HFontSize);
			//åå®½
			$("#HColumnWidth").val(data1.data[0].HColumnWidth);
			//é»è®¤åé¡µ
			$("#HPageSize").val(data1.data[0].HPageSize);

			//è¡¨æ ¼çæ°æ®å¡«å
			for (var i = 0; i < colNames.length; i++) {
			var dataCols = dataCol[i].split('\|');
			cols.push({ "ColumnName": colNames[i], "IsHide": dataCols[1] == 1 ? true : false, "Alignment": dataCols[2], "ColumnWidth": dataCols[3] })
			}
			option.data = cols;
			table.render(option);

			//é¡µé¢å¤éæ¡ ä¸ææ¡ éæ°æ¸²æ
			for (var i = 0; i < colNames.length; i++) {
			var dataCols = dataCol[i].split('\|');
			if (dataCols[1] == 1) {
			$("#IsHide" + (i + 1)).attr("checked", true);
			}
			$('#Alignment' + (i + 1)).find("option[value='" + dataCols[2] + "']").attr("selected", true);
			}
			form.render('checkbox');
			form.render('select');
			layer.close(ajaxLoad);
			} else {
			//é»è®¤ä¸éä¸ æ¾ç¤ºåä½å±å·¦ è¡¨æ ¼çæ°æ®å¡«å
			for (var i = 0; i < colNames.length; i++) {
			cols.push({ "ColumnName": colNames[i], "IsHide": false, "Alignment": "L", "ColumnWidth": 120 })
			}
			option.data = cols;
			table.render(option);

			//é»è®¤ä¸éä¸ æ¾ç¤ºåä½å±å·¦ é¡µé¢å¤éæ¡ ä¸ææ¡ éæ°æ¸²æ
			for (var i = 0; i < colNames.length; i++) {
			$('#IsHide' + (i + 1)).prop("checked", false);
			$('#Alignment' + (i + 1)).find("option[value='L']").attr("selected", true);
			}
			form.render('checkbox');
			form.render('select');
			layer.close(ajaxLoad);
			}
			}, error: function () {
			layer.close(ajaxLoad);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}

			//è¡¨æ ¼æ°æ®
			function set_InitGrid() {
			option = {
			elem: '#mainTable'
			//, toolbar: '#toolbarDemo'
			, height: 420
			, cellMinWidth: 90
			, limit: 500
			, cols: [[
			{ field: 'ColumnName', title: 'åå', width: 100 }
			, { file: 'IsHide', title: 'æ¯å¦éè', width: 100, templet: '#IsHide' }
			, { field: 'Alignment', title: 'å¯¹é½æ¹å¼', width: 100, templet: '#Alignment' }
			, { field: 'ColumnWidth', title: 'åå®½', width: 100,edit: 'text' }
			]]
			};
			}

			//ä¿åHMaker
			function set_AddNew(data) {

			var num = [];
			for (var i = 0; i < table.cache["mainTable"].length; i++) {
			if (table.cache["mainTable"][i] != "") {
			table.cache["mainTable"][i].LAY_TABLE_INDEX = i;
			num.push(table.cache["mainTable"][i])
			}
			}

			//é»è®¤åé¡µ
			var HPageSize = $("#HPageSize").val();
			if (HPageSize != "") {
			var nums = /^[0-9]+?[0-9]*$/;
			if (!nums.test(HPageSize)) {
			layer.msg("é»è®¤åé¡µä¸ä¸ºæ£æ´æ°!")
			return false;
			}
			}

			var sMainStr = JSON.stringify(data.field);
			var sSubStr = JSON.stringify(num);
			var OperationType = "1";
			var sMainSub = sMainStr + ';' + sSubStr + ';' + HModName + ';' + OperationType + ";" + sessionStorage["HUserName"];//sessionStorage["HUserName"]

			var index = layer.load();
			$.ajax({
			type: "POST",
			url: GetWEBURL() + "/Xt_grdAlignment_WMES/AddgrdAlignmentWMES",
			async: true,
			data: { "sMainSub": sMainSub },
			dataType: "json",
			success: function (data) {
			if (data.count == 1) {
			layer.close(index);
			layer.msg("æäº¤æå");
			}
			else {
			layer.close(index);
			layer.msg(data.Message, { icon: 5, btn: ['ç¡®è®¤'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "æ¸©é¦¨æç¤º" });
			}
			},
			error: function (err) {
			layer.close(index);
			layer.msg("éè¯¯:" + err, { icon: 5, btn: ['ç¡®è®¤'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "æ¸©é¦¨æç¤º" });
			}
			});
			}

			//è·ååæ°
			function getUrlVars() {
			var vars = [], hash;
			var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
			for (var i = 0; i < hashes.length; i++) {
			hash = hashes[i].split('=');
			vars.push(hash[0]);
			vars[hash[0]] = hash[1];
			}
			return vars;
			}

			//å é¤
			function get_Del() {
			layer.confirm("ç¡®è®¤è¦å é¤åï¼å é¤åä¸è½æ¢å¤", { title: "å é¤ç¡®è®¤" }, function (index) {
			var wait = layer.load();
			//é»è¾å é¤æ¹æ³
			$.ajax({
			url: GetWEBURL() + '/Xt_grdAlignment_WMES/DelgrdAlignmentWMES',
			type: "GET",
			data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
			success: function (result) {
			if (result.count == 1) {
			layer.msg(result.Message, { icon: 1 }, function () {
			//å³éå½åframe
			layer.close(wait);
			});
			} else {
			layer.alert(result.code + result.Message, { icon: 5 });
			layer.close(wait);
			}
			}, error: function () {
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			layer.close(wait);
			}
			});
			})
			}


			//#endregion

			});


			</script>