<!DOCTYPE html>
<html>

<head>
	<meta 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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
	<script>
		// è¿™é‡Œæ˜¯éœ€è¦åœ¨é¡µé¢æ¸²æŸ“ä¹‹å‰æ‰§è¡Œçš„ä»£ç 
		document.addEventListener("DOMContentLoaded", function() {
			
			//èŽ·å–tableé»˜è®¤æ˜¾ç¤ºæ•°
			pageCntFirst();
		});
	  </script>
</head>

<body id="body">

	<div class="layui-fluid" style="padding-bottom: 0;">
		<div class="layui-card">
			<div class="layui-form layui-card-header layuiadmin-card-header-auto" style="border-bottom:1px solid #CCC" id="top">
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label" style="width: 60px;">å•ä½ç¼–ç </label>
						<div class="layui-input-inline">
							<input type="text" id="UnitNo" name="UnitNo" placeholder="å•ä½ç¼–ç " autocomplete="off"
								class="layui-input" onkeyup="this.value=this.value.replace(/[, ]/g,'')">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label" style="width: 60px;">å•ä½åç§°</label>
						<div class="layui-input-inline">
							<input type="text" id="UnitName" name="UnitName" placeholder="å•ä½åç§°" autocomplete="off"
								class="layui-input" onkeyup="this.value=this.value.replace(/[, ]/g,'')">
						</div>
					</div>
					<div class="layui-inline">
						<button class="layui-btn layui-btn-sm layuiadmin-btn-list" lay-submit
							lay-filter="LAY-app-contlist-search">
							<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>æœç´¢
						</button>
					</div>
					<div class="layui-inline">
						<button style="margin-right: 10px;" class="layui-btn layui-btn-sm layuiadmin-btn-list addClass"
							data-type="add" id="approvalBtn">
							<i class="layui-icon layuiadmin-button-btn">&#xe654;</i>æ·»åŠ 
						</button>
					</div>
				</div>
			</div>

			<div id="center"></div>

			<div class="layui-card-body">
				<table id="LAY-app-content-list" lay-filter="LAY-app-content-list"></table>
				 
				<script type="text/html" id="table-content-list">
						<a class="layui-btn layui-btn-normal layui-btn-xs editClass" lay-event="edit"><i
								class="layui-icon layui-icon-edit"></i>ç¼–è¾‘</a>
						<a class="layui-btn layui-btn-danger layui-btn-xs delClass" lay-event="del"><i
								class="layui-icon layui-icon-delete"></i>åˆ é™¤</a>
					</script>
			</div>
		</div>
	</div>

	<script src="../../layuiadmin/layui/layui.js"></script>
	<script src="../../js/public.js"></script>
	<script src="../../js/jquery-3.5.1.min.js"></script>
	<script src="../../js/jquery.cookie.js"></script>
	<script type="text/javascript">

	</script>
	<script>
		layui.config({
			base: '../../layuiadmin/' //é™æ€èµ„æºæ‰€åœ¨è·¯å¾„
		}).extend({
			index: 'lib/index' //ä¸»å…¥å£æ¨¡å—
		}).use(['index', 'table', 'laypage', 'layer'], function () {
			var table = layui.table,
				form = layui.form,
				laypage = layui.laypage,
				layer = layui.layer;
				
			var h1 = GetTableHeight();

			var param = {
				Id: $.cookie('userId')
			}
			var time = "/Date(1641810689570)/".substring(6, 19);


			var url = IP + "/Basis/GetUnitList"
			var where = { 
				UnitNo: $("#UnitNo").val(),
				UnitName: $("#UnitName").val(),
			};
			 
			var tableIns = table.render({
				elem: '#LAY-app-content-list',
				height: h1,
				id: 'LAY-app-content-list',
				url: url,
				method: 'post',
				where: where,
				contentType: 'application/json',
				headers:{ToKen:$.cookie('token')},
				page: true,
				limit: pageCnt, //é»˜è®¤å¤šå°‘é¡µ
				limits: pageLimits, //é»˜è®¤æ•°ç»„[10,20,30,40,50]
				cellMinWidth: 80, //å…¨å±€å®šä¹‰å¸¸è§„å•å…ƒæ ¼çš„æœ€å°å®½åº¦ï¼Œlayui 2.2.1 æ–°å¢ž
				// even: true,
				done: function () {

					$(function () {
						$(".editClass").hide();
					});
					$(function () {
						$(".delClass").hide();
					});
					sendData(IP + "/Basis/GetRoleRightList", {}, 'get', function (res) {
						if (res.code == 0) { //æˆåŠŸ

							for (var k = 0; k < res.data.length; k++) {
								if (res.data[k].MenuName == "ç¼–è¾‘å•ä½") {
									$(function () {
										$(".editClass").show();
									});
								}
								if (res.data[k].MenuName == "åˆ é™¤å•ä½") {
									$(function () {
										$(".delClass").show();
									});
								}

							}
						} else { //ä¸æˆåŠŸ
							layer.msg('èŽ·å–ä¿¡æ¯å¤±è´¥', {
								icon: 2,
								time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
							}, function () {
								//å›žè°ƒ
							});
						}
					});

				},
				cols: [
					[{ 
						title: 'åºå·',
						type: 'numbers',
						width: 65,
						align: 'center',
						fixed: 'left'
					}, {
						field: 'UnitNo',
						title: 'å•ä½ç¼–ç ',
						width: 100,
						align: 'center',
					}, {
						field: 'UnitName',
						title: 'å•ä½åç§°',
						align: 'center',
					}, {
						field: 'Abbrev',
						title: 'è‹±æ–‡ç¼©å†™',
						align: 'center',
					}, {
						field: 'CreateUserName',
						title: 'åˆ›å»ºäºº',
						align: 'center',
					}, {
						field: 'CreateTime',
						title: 'åˆ›å»ºæ—¶é—´',
						align: 'center',
						width: 200,
						templet: function (d) {
							return formatDate(d.CreateTime);
						}
					}, {
						field: 'UpdateUserName',
						title: 'ä¿®æ”¹äºº',
						align: 'center',
					}, {
						field: 'UpdateTime',
						title: 'ä¿®æ”¹æ—¶é—´',
						align: 'center',
						width: 200,
						templet: function (d) {
							return formatDate(d.UpdateTime);
						}
					}, {
						title: 'æ“ä½œ',
						fixed: 'right',
						width: 178,
						align: 'center',
						toolbar: '#table-content-list'
					}]
				],

			});
			
			//ç›‘å¬æœç´¢
			form.on('submit(LAY-app-contlist-search)', function (data) {
				
				tableIns.reload({
					where: { //è®¾å®šå¼‚æ¥æ•°æ®æŽ¥å£çš„é¢å¤–å‚æ•°ï¼Œä»»æ„è®¾
						UnitNo: $("#UnitNo").val(),
						UnitName: $("#UnitName").val(),
					},
					page: {
						curr: 1 //é‡æ–°ä»Žç¬¬ 1 é¡µå¼€å§‹
					}
				});
			});
			// ------------------------------------å¤šåˆ é™¤ã€æ–°å¢ž---------------------------------------------------
			// var $ = layui.$,
			var doing = true;
			active = {
				batchdel: function () {
					var checkStatus = table.checkStatus('LAY-app-content-list'),
						checkData = checkStatus.data; //å¾—åˆ°é€‰ä¸çš„æ•°æ®
					
					if (checkData.length === 0) {
						return layer.msg('è¯·é€‰æ‹©æ•°æ®');
					}
					layer.confirm('ç¡®å®šåˆ é™¤å—ï¼Ÿ', function (index) {
						
						var msg = [];
						for (var i = 0; i < checkData.length; i++) {
							// msg.push(checkData[i].Id);
							msg.push(checkData[i].Id)
						}
						console.log(msg);
						var param = {
							ids: msg,
						};
						if (doing) {
							doing = false;
							synData(IP + "/Basis/DelsUnit", param, 'post', function (res) {
								console.log(res);
								if (res.code == 0) { //æˆåŠŸ
									layer.msg(res.msg, {
										icon: 1,
										time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
									}, function () {
										tableIns.reload({
											where: { //è®¾å®šå¼‚æ¥æ•°æ®æŽ¥å£çš„é¢å¤–å‚æ•°ï¼Œä»»æ„è®¾
												UnitNo: $("#UnitNo").val(),
												UnitName: $("#UnitName").val(),
											},
											page: {
												curr: 1 //é‡æ–°ä»Žç¬¬ 1 é¡µå¼€å§‹
											}
										});
										doing = true;
									});
								} else { //ä¸æˆåŠŸ
									layer.msg(res.msg, {
										icon: 2,
										time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
									}, function () {
										doing = true;
									});
								}
							});
						}

					});
				},
				add: function () {
					layer.open({
						type: 2,
						title: 'æ·»åŠ å•ä½ä¿¡æ¯',
						content: 'UnitFrom.html',
						maxmin: true,
						area: ['450px', '350px'],
						btn: ['ç¡®å®š', 'å–æ¶ˆ'],
						yes: function (index, layero) {
							var iframeWindow = window['layui-layer-iframe' + index],
								submitID = 'layuiadmin-app-form-submit',
								submit = layero.find('iframe').contents().find('#' + submitID);
							//ç›‘å¬æäº¤
							iframeWindow.layui.form.on('submit(' + submitID + ')', function (
								data) {
								var field = data.field; //èŽ·å–æäº¤çš„å—æ®µ
								console.log(field);
 
								//æäº¤ Ajax æˆåŠŸåŽï¼Œé™æ€æ›´æ–°è¡¨æ ¼ä¸çš„æ•°æ®
								var param = { 
									UnitNo: field.UnitNo,
									UnitName: field.UnitName,
									Abbrev: field.Abbrev,
								};
								if (doing) {
									doing = false;
									sendData(IP + "/Basis/AddUnit", param, 'post',
										function (res) {
											console.log(res);
											if (res.code == 0) { //æˆåŠŸ
												layer.msg(res.msg, {
													icon: 1,
													time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
												}, function () {
													tableIns.reload({
														where: { //è®¾å®šå¼‚æ¥æ•°æ®æŽ¥å£çš„é¢å¤–å‚æ•°ï¼Œä»»æ„è®¾
															UnitNo: $("#UnitNo").val(),
															UnitName: $("#UnitName").val(),
														},
														page: {
															curr: 1 //é‡æ–°ä»Žç¬¬ 1 é¡µå¼€å§‹
														}
													});
													layer.close(index); //å…³é—å¼¹å±‚
													doing = true;
												});
											} else if(res.code == 1){ //ä¸æˆåŠŸ
												layer.msg(res.msg, {
													icon: 2,
													time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
												}, function () {
													doing = true;
												});
											}else {
												layer.msg(res.statusText, {
													icon: 2,
													time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
												}, function () {
													doing = true;
												});
											}
										});
								}

								//$.ajax({});
							});
							submit.trigger('click');
						}
					});
				}
			};
			$('.layui-btn.layuiadmin-btn-list').on('click', function () {
				var type = $(this).data('type');
				active[type] ? active[type].call(this) : '';
			});

			//åˆ¤æ–æ˜¯å¦æœ‰æŒ‰é’®æƒé™
			$(function () {
				$(".addClass").hide();
			});
			$(function () {
				$(".delClass").hide();
			});
			sendData(IP + "/Basis/GetRoleRightList", {}, 'get', function (res) {
				if (res.code == 0) { //æˆåŠŸ
					for (var k = 0; k < res.data.length; k++) {
						if (res.data[k].MenuName == "æ·»åŠ å•ä½") {
							$(function () {
								$(".addClass").show();
							});
						}
						if (res.data[k].MenuName == "åˆ é™¤å•ä½") {
							$(function () {
								$(".delClass").show();
							});
						}
					}
				} else { //ä¸æˆåŠŸ
					layer.msg('èŽ·å–ä¿¡æ¯å¤±è´¥', {
						icon: 2,
						time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
					}, function () {
						//å›žè°ƒ
					});
				}
			});





			// ------------------------------------åˆ é™¤ã€ç¼–è¾‘---------------------------------------------------

			table.on('tool(LAY-app-content-list)', function (obj) {
				var data = obj.data;
				 console.log(data );
				if (obj.event === 'del') {
					layer.confirm('ç¡®å®šåˆ é™¤é€‰ä¸çš„å•ä½ï¼Ÿ', function (index) {
						
						cusid = data.Id;
						console.log(cusid);

						var param = {
							Id: cusid,
						};
						console.log(param);
						if (doing) {
							doing = false;
							sendData(IP + "/Basis/DelUnit", param, 'post', function (res) {
								console.log(res);
								if (res.code == 0) { //æˆåŠŸ
									layer.msg(res.msg, {
										icon: 1,
										time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
									}, function () {
										tableIns.reload({
											where: { //è®¾å®šå¼‚æ¥æ•°æ®æŽ¥å£çš„é¢å¤–å‚æ•°ï¼Œä»»æ„è®¾
												UnitNo: $("#UnitNo").val(),
												UnitName: $("#UnitName").val(),
											},
											page: {
												curr: 1 //é‡æ–°ä»Žç¬¬ 1 é¡µå¼€å§‹
											}
										});
										doing = true;
									});
								} else { //ä¸æˆåŠŸ
									layer.msg(res.msg, {
										icon: 2,
										time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
									},function(){
										doing = true;
									});
								}
							});
						}
					});
				} else if (obj.event === 'edit') {
					cusId = data.Id;
					layer.open({
						type: 2,
						title: 'ç¼–è¾‘å•ä½ä¿¡æ¯',
						content: 'UnitFrom.html?id=' + cusId,
						maxmin: true,
						area: ['450px', '350px'],
						btn: ['ç¡®å®š', 'å–æ¶ˆ'],
						yes: function (index, layero) {
							var iframeWindow = window['layui-layer-iframe' + index],
								submitID = 'layuiadmin-app-form-edit',
								submit = layero.find('iframe').contents().find('#' + submitID);
							//ç›‘å¬æäº¤
							iframeWindow.layui.form.on('submit(' + submitID + ')', function (
								data) {
								var field = data.field; //èŽ·å–æäº¤çš„å—æ®µ
								console.log(field);
								
								//æäº¤ Ajax æˆåŠŸåŽï¼Œé™æ€æ›´æ–°è¡¨æ ¼ä¸çš„æ•°æ®
								var param = {
									Id: cusId,
									UnitName: field.UnitName,
									Abbrev: field.Abbrev,
								};
								if(doing){
									doing = false;
								
									sendData(IP + "/Basis/EditUnit", param, 'post',
										function (res) {
											console.log(res);
											if (res.code == 0) { //æˆåŠŸ
												layer.msg("ä¿®æ”¹æˆåŠŸ", {
													icon: 1,
													time: 1000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
												}, function () {
													tableIns.reload({
														where: { //è®¾å®šå¼‚æ¥æ•°æ®æŽ¥å£çš„é¢å¤–å‚æ•°ï¼Œä»»æ„è®¾
															UnitNo: $("#UnitNo").val(),
															UnitName: $("#UnitName").val(),
														},
														page: {
															curr: 1
														}
													});
													layer.close(index); //å…³é—å¼¹å±‚
													doing = true;
												});
											} else { //ä¸æˆåŠŸ
												layer.msg(res.msg, {
													icon: 2,
													time: 2000 //2ç§’å…³é—ï¼ˆå¦‚æžœä¸é…ç½®ï¼Œé»˜è®¤æ˜¯3ç§’ï¼‰
												}, function () {doing = true; });
											}
										});
								}
								//$.ajax({});
							});
							submit.trigger('click');
						}
					});
				}
			});
		});
	</script>

</body>

</html>