MES-WEB-LayUI.git

			@@ -1,15 +1,19 @@
			ï»¿<!DOCTYPE html>
			<html xmlns="http://www.w3.org/1999/xhtml">
			<head>
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
			<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
			<title>çç»è®¾ç½®</title>
			<meta name="renderer" content="webkit">
			<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
			<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
			<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
			<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			<script src="../../../layuiadmin/layui/layui.js"></script>

			<style media="screen">
			.custom-tree-item-clicked {
			color: #FC9003
			}
			</style>

			</head>
			<body>
			<div class="layui-fluid">
			@@ -19,40 +23,82 @@
			<form class="layui-form" action="" lay-filter="component-form-group">
			<div class="layui-collapse">
			<div class="layui-colla-item">
			<div class="layui-colla-title layui-inline">
			<div class="layui-inline">
			<span></span>
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">çç»ä»£ç </label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HNumber" id="HNumber">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">çç»åç§°</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HName" id="HName">
			</div>
			</div>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnReSearch" id="btnReSearch" style="padding:0 5px">éç½®</button>
			<div style="padding: 10px;">
			<!--<div class="layui-col-xs2">
			<div id="treeDepartment" lay-filter="treeDepartment" class="demo-tree demo-tree-box" style="width: 200px; height: 500px; overflow: scroll;"></div>
			</div>-->

			<button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="btnAdd"><i class="layui-icon layui-icon-add-1"></i>æ°å¢</button>
			<button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="btnModify"><i class="layui-icon layui-icon-edit"></i>ä¿®æ¹</button>
			<button type="button" lay-submit="" class="layui-btn layui-btn-sm" lay-filter="btndelete"><i class="layui-icon layui-icon-delete"></i>å é¤</button>
			</div>

			<div class="layui-form-item" style="border-top: solid 1px #F6F6F6;">
			<div class="layui-row" style="padding:10px 0">
			<div class="layui-col-xs3 layui-inline" style="width: 23%;">
			<div id="treeDepartment" lay-filter="treeDepartment" class="demo-tree demo-tree-box" style="height: 520px; overflow: scroll;"></div>
			</div>
			<div class="layui-col-xs9 layui-inline">
			<div class="layui-row">
			<div class="layui-inline">
			<label class="layui-form-label">ä»£ç </label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HNumber" id="HNumber">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">åç§°</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HName" id="HName">
			</div>
			</div>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
			</div>
			<div>
			<table class="" id="mainTable" lay-filter="mainTable"></table>
			</div>
			</div>
			</div>
			</div>

			<div class="layui-row layui-form-item">
			<!--<div class="layui-inline">
			<div id="treeDepartment" lay-filter="treeDepartment" class="demo-tree demo-tree-box" style="width: 200px; height: 500px; overflow: scroll;"></div>
			</div>-->
			<!--<div class="" style="padding-top: 10px;">
			<div class="layui-row">
			<div class="layui-inline">
			<label class="layui-form-label">é¨é¨ä»£ç </label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HNumber" id="HNumber">
			</div>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">é¨é¨åç§°</label>
			<div class="layui-input-block">
			<input type="text" class="layui-input" name="HName" id="HName">
			</div>
			</div>
			<button class="layui-btn layuiadmin-btn-order" type="button" lay-submit="" lay-filter="btnSearch" id="btnSearch">
			<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
			</button>
			</div>
			</div>-->
			</div>
			</div>
			</div>
			<table class="" id="mainTable" lay-filter="mainTable"></table>
			<!--<table class="" id="mainTable" lay-filter="mainTable"></table>-->
			<script type="text/html" id="toolbarDemo">
			<div class="layui-btn-container">
			<!--<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-getCheckData"><i class="layui-icon layui-icon-tips"></i>é¢è§</button>-->
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-reload"><i class="layui-icon layui-icon-refresh"></i>å·æ°</button>
			<!--<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-reload"><i class="layui-icon layui-icon-refresh"></i>å·æ°</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-confirm" id="btn_confirm"><i class="layui-icon layui-icon-ok-circle"></i>ç¡®è®¤</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-back" id="btn_back"><i class="layui-icon layui-icon-close-fill"></i>é©³å</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-details"><i class="layui-icon layui-icon-form"></i>è¯¦æ</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-generate"><i class="layui-icon layui-icon-file"></i>çæéè´§å</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-exit"><i class="layui-icon layui-icon-return"></i>éåº</button>
			<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-exit"><i class="layui-icon layui-icon-return"></i>éåº</button>-->

			</div>
			</script>
			@@ -61,51 +107,155 @@
			</div>
			</div>
			</div>
			<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/layui/layui.js"></script>-->


			<script src="../../../layuiadmin/Scripts/webConfig.js"></script>

			<script src="../../../layuiadmin/layui/zgqlayui.js"></script>
			<!--<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>-->
			<script>
			var treeCkData = { id: 0 };
			var TagId = "";
			var TagParentId = "";
			layui.config({
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			index: 'lib/index', //ä¸»å¥å£æ¨¡å
			}).use(['index', 'form', 'table', 'element', 'laypage','laydate'], function () {
			}).use(['tree', 'index', 'form', 'table', 'element', 'laypage', 'laydate', 'util'], function () {
			var $ = layui.$
			, admin = layui.admin
			, layer = layui.layer
			, table = layui.table
			, form = layui.form
			, element = layui.element
			, laypage = layui.laypage
			, laydate = layui.laydate
			, admin = layui.admin
			, layer = layui.layer
			, table = layui.table
			, form = layui.form
			, element = layui.element
			, laypage = layui.laypage
			, laydate = layui.laydate
			, util = layui.util
			, tree = layui.tree
			, util = layui.util


			var sWhere = "";
			tree.render({
			elem: '#treeDepartment',
			data: getData(sWhere),
			showCheckbox: false, //æ¯å¦æ¾ç¤ºå¤éæ¡
			id: 'demoId',
			isJump: false, //æ¯å¦åè®¸ç¹å»èç¹æ¶å¼¹åºæ°çªå£è·³è½¬
			showLine: true,//æ¯å¦å¼å¯è¿æ¥çº¿
			onlyIconControl: true, //ç¹å»åä¸æ¶ç¼©
			click: function (obj) {
			//ç¹å»é«å
			if (obj.data.id !== treeCkData.id) {
			$('div[data-id="' + obj.data.id + '"] span').eq(1).last().addClass("custom-tree-item-clicked");
			$('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
			treeCkData = obj.data;
			TagId = obj.data.id;
			TagParentId = obj.data.ParentID;
			}
			else {
			$('div[data-id="' + treeCkData.id + '"] span').eq(1).last().removeClass('custom-tree-item-clicked');
			treeCkData = { id: 0 };
			TagId = "";
			TagParentId = "";
			}
			//è·åææéä¸èç¹idæ°ç»
			//var oCks = tree.getChecked('demoId'); //è·åéä¸èç¹çæ°æ®
			//for (var i = 0; i < oCks.length; i++) {
			// //console.log(oCks[0].id, obj.data.id);
			// if (oCks[i].id != obj.data.id) {
			// console.log(oCks[i]);
			// //æ§è¡èç¹å¾é

			// $(oCks[i]).prop("checked", false);
			// $(this).prop("checked", false);
			// }
			//}
			//form.render('checkbox');


			$.ajax({
			url: GetWEBURL() + '/Gy_Group/cx',
			type: "GET",
			data: { "HInterID": obj.data.id },
			success: function (data1) {
			if (data1.count == 1) {
			option.data = data1.data;
			table.render(option);
			layer.close(index);
			} else {
			layer.close(index);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(index);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}
			});


			//$.ajax({
			// type: "get",
			// url: GetWEBURL() + '/Gy_Department/LoadTree',
			// async: true,
			// success: function (result) {
			// // console.log(result.data);
			// var tree = Customerdatatree('treeDepartment', result.data, true);
			// tree.onspread = function () {
			// var obj = this;
			// //æ¨¡æpoståå°æ°æ®ï¼å»¶è¿2ç§
			// setTimeout(() => {
			// var data = getTreeJson(obj.data.HParentID); //å¼æ¥è·åæ°æ®
			// obj.lazytree(data);
			// }, 2000);
			// }
			// tree.onclick = function () {
			// var obj = this;
			// console.log(obj.data); //å¾å°å½åç¹å»çèç¹æ°æ®
			// console.log(obj.state); //å¾å°å½åèç¹çå±å¼ç¶æï¼openãcloseãnormal
			// console.log(obj.elem); //å¾å°å½åèç¹åç´
			// console.log(obj.data.children); //å½åèç¹ä¸æ¯å¦æåèç¹
			// }
			// tree.oncheck = function () {
			// var obj = this;
			// console.log(obj.data); //å¾å°å½åç¹å»çèç¹æ°æ®
			// console.log(obj.checked); //å¾å°å½åèç¹çå±å¼ç¶æï¼openãcloseãnormal
			// console.log(obj.elem); //å¾å°å½åèç¹åç´
			// }
			// }
			//});



			var option = {
			elem: '#mainTable'
			//, toolbar: '#toolbarDemo'
			,height: 'full-50'
			, height: 'full-50'
			, page: true
			,cellMinWidth: 90
			, cellMinWidth: 90
			, cols: [[
			{ field: 'HItemID', title: 'HItemID', sort: true, hide: true }
			{ type: 'radio', fixed: 'left' }
			, { field: 'HItemID', title: 'HItemID', sort: true, hide: true }
			, { field: 'ParentID', title: 'ParentID', sort: true, hide: true }
			, { field: 'çç»ä»£ç ', title: 'çç»ä»£ç ' }
			, { field: 'çç»åç§°', title: 'çç»åç§°' }
			, { field: 'ç¦ç¨æ è®°', title: 'ç¦ç¨æ è®°' }
			, { field: 'å¤æ³¨', title: 'å¤æ³¨' }
			, { field: 'HDeptID', title: 'HDeptID', hide: true }
			, { field: 'é¨é¨ä»£ç ', title: 'é¨é¨ä»£ç ' }
			, { field: 'é¨é¨åç§°', title: 'é¨é¨åç§°' }
			, { field: 'HProcID', title: 'HProcID', hide: true }
			, { field: 'å·¥åºä»£ç ', title: 'å·¥åºä»£ç ' }
			, { field: 'å·¥åºåç§°', title: 'å·¥åºåç§°' }

			]]
			};

			var index = layer.load(0, { shade: false });
			//è¿å¥é¡µé¢æ¾ç¤ºçç¼ååè¡¨
			$.ajax({
			//url: "http://61.130.49.162:9090/WMSAPI///Web/GetMAXNum",
			url: GetWEBURL() + '/Gy_Group/list',
			type: "GET",
			data: { "sWhere": sWhere },
			@@ -122,14 +272,112 @@
			layer.close(index);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});

			//éç½®æé®
			form.on('submit(btnReSearch)', function (data) {
			$("#HNumber").val("");
			$("#HName").val("");
			$("#btnSearch").click();
			});



			//æ°å¢
			form.on('submit(btnAdd)', function (obj) {
			//é¡µé¢å±-èªå®ä¹
			layer.open({
			type: 2,
			skin: 'layui-layer-rim', //å ä¸è¾¹æ¡
			title: 'æ°å¢çç»',
			closeBtn: 1,
			shift: 2,
			area: ['50%', '50%'],
			maxmin: true,
			content: ['../å·¥èµåºç¡èµæ/Add_Edit_Gy_Group.html?hID=' + TagId + ''],
			end: function () {
			//å·æ°é¡µé¢,
			location.reload();
			},
			success: function (layero, index) {

			}
			});
			return false;//è¿éå ä¸ªreturn false;å°±ä¸ä¼ä¸¤æ¬¡æäº¤
			})

			//å é¤
			form.on('submit(btndelete)', function (obj) {
			var ModRightNameDelete = 'Gy_Group_Delete'
			if (TagId != "") {
			layer.confirm('æ¨ç¡®å®è¦å é¤åï¼', {
			btn: ['ç¡®å®', 'åæ¶'] //æé®
			, yes: function (index, layero) {

			$.ajax({
			url: GetWEBURL() + '/Gy_Group/Delete_Json',
			type: "GET",
			//async: true,
			data: { "HItemID": TagId, "User": sessionStorage["HUserName"], "ModRightNameDelete": ModRightNameDelete },
			success: function (result) {
			if (result.count == 1) {
			layer.msg(result.Message, { time: 1 * 1000, icon: 1 }, function () {
			// å¾å°frameç´¢å¼
			var index = layer.getFrameIndex(window.name);
			//å³éå½åframe
			layer.close(index);
			//ä¿®æ¹ä¸ºååå·æ°çé¢
			window.location.reload();
			//éè½½tree
			tree.reload('treeDepartment', {});
			});

			} else {
			layer.alert(result.code + result.Message, { icon: 5 });
			}
			}
			})
			}
			});
			}
			else {
			//var data = obj.data //è·å¾å½åè¡æ°æ®
			// , layEvent = obj.event; //è·å¾ lay-event å¯¹åºçå¼
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			var layEvent = checkStatus.event;
			if (checkStatus.data.length === 1) {
			layer.confirm('æ¨ç¡®å®è¦å é¤åï¼', {
			btn: ['ç¡®å®', 'åæ¶'] //æé®
			, yes: function (index, layero) {

			$.ajax({
			url: GetWEBURL() + '/Gy_Group/Delete_Json',
			type: "GET",
			//async: true,
			data: { "HItemID": data[0].HItemID, "User": sessionStorage["HUserName"], "ModRightNameDelete": ModRightNameDelete },
			success: function (result) {
			if (result.count == 1) {
			layer.msg(result.Message, { time: 1 * 1000, icon: 1 }, function () {
			// å¾å°frameç´¢å¼
			var index = layer.getFrameIndex(window.name);
			//å³éå½åframe
			layer.close(index);
			//ä¿®æ¹ä¸ºååå·æ°çé¢
			window.location.reload();
			//éè½½tree
			tree.reload('treeDepartment', {});
			});

			} else {
			layer.alert(result.code + result.Message, { icon: 5 });
			}
			}
			})
			}
			});
			}
			else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼');
			}
			}
			});




			//æ¥è¯¢æé®
			form.on('submit(btnSearch)', function (data) {
			@@ -139,7 +387,7 @@
			sWhere += " and çç»ä»£ç like '%" + HNumber + "%'";
			}
			if (HName) {
			sWhere += " and çç»åç§° like '%" + HName + "%'";
			sWhere += " and çç» like '%" + HName + "%'";
			}
			$.ajax({
			//url: "http://61.130.49.162:9090/WMSAPI///Web/GetMAXNum",
			@@ -162,6 +410,61 @@
			});


			//ä¿®æ¹æé®
			form.on('submit(btnModify)', function (data) {
			if (TagId != "") {
			layer.open({
			type: 2
			, area: ['50%', '50%']
			, title: 'ç¼è¾çç»'
			, closeBtn: 1
			, shade: 0.6 //é®ç½©éæåº¦
			, maxmin: true //åè®¸å¨å±æå°å
			, anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
			, content: ['../å·¥èµåºç¡èµæ/Add_Edit_Gy_Group.html?hID=' + TagId + '&HType=Modify&TagParentId=' + TagParentId + '', 'yes']
			, resize: false,
			end: function () {
			//å·æ°é¡µé¢,
			location.reload();
			}
			, cancel: function () {
			//$(".layui-btn").removeClass("layui-btn-disabled");
			}
			})
			}
			else {
			var checkStatus = table.checkStatus('mainTable')
			, data = checkStatus.data;
			if (checkStatus.data.length === 1) {
			var hID = data[0].HItemID.toString();
			TagParentId = data[0].ParentID.toString();
			//if (AllowLoadData(sSubStr) != false) {//éç©ºéªè¯
			layer.open({
			type: 2
			, area: ['50%', '50%']
			, title: 'ç¼è¾çç»'
			, closeBtn: 1
			, shade: 0.6 //é®ç½©éæåº¦
			, maxmin: true //åè®¸å¨å±æå°å
			, anim: 0 //0-6çå¨ç»å½¢å¼ï¼-1ä¸å¼å¯
			, content: ['../å·¥èµåºç¡èµæ/Add_Edit_Gy_Group.html?hID=' + hID + '&HType=Modify&TagParentId=' + TagParentId + '', 'yes']
			, resize: false,
			end: function () {
			//å·æ°é¡µé¢,
			location.reload();
			}
			, cancel: function () {
			//$(".layui-btn").removeClass("layui-btn-disabled");
			}
			})

			} else {
			layer.msg('è¯·éæ©ä¸è¡æ°æ®ç¼è¾ï¼');
			}
			}
			});


			//laydate.render({
			// elem: '#HDate'
			// , type: 'datetime'
			@@ -173,9 +476,44 @@
			//ä»¥ä¸æ¯layuiæ¨¡å
			});



			//æ¥è¯¢æ ç¶æ°æ®
			function getData(sWhere) {
			var treeData;

			$.ajax({
			url: GetWEBURL() + '/Gy_Group/LoadTree',
			type: "GET",
			data: { "sWhere": sWhere },
			async: false,
			success: function (result) {
			var data = result.data;
			//çææ°æ®å¯¹è±¡éå
			treeData = LoadTree(data);

			}
			});
			return treeData;
			}
			/å¤çæ å½¢å±ç¤ºæ°æ®ï¼è¦æ±æIDåParentIDãtitleåæ®µ/
			function LoadTree(data) {
			let map = {};
			let treeData = [];
			data.forEach(it => {
			map[it.id] = it; //IDä¸ºæ¯ä¸ªèç¹çid
			})
			//çæç»æé
			data.forEach(it => {
			const parent = map[it.ParentID]; //ParentIDä¸ºç¶èç¹çid
			if (parent) {
			if (!Array.isArray(parent.children)) parent.children = [];
			parent.children.push(it);
			} else {
			treeData.push(it)
			}
			})
			return treeData;
			}
			</script>

			</body>