MES-WEB-LayUI.git

New file
			@@ -0,0 +1,481 @@
			ï»¿<!DOCTYPE html>
			<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
			<head>
			<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/layui/css/modules/layer/default/layer.css" media="all">
			<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
			<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>
			<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>

			<style>
			/*
			tr:nth-child(even) {
			background: #CDCDCD;
			}
			table{
			margin-top:1px;
			}
			tr:nth-child(1) {
			background: #f8ff00;
			}*/
			li {
			/æ¶é´æ¾ç¤ºåä½å¤§å°/
			font-size: 16px;
			font-weight: bolder;
			}

			.layui-table-cell{
			height:23px;
			}

			</style>
			</head>
			<body>
			<div class="layui-fluid">
			<div class="layui-col-md12">
			<div class="layui-card" style="padding: 1px">
			<div class="layui-card-body" style="padding: 1px;">
			<!--<form class="layui-form" action="" lay-filter="component-form-group">-->
			<div class="layui-collapse">
			<div class="layui-colla-item"> <!--top-->
			<div class="layui-inline">
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="Exit" style="background-color:#959393">éåº</button>
			</div>
			<div class="layui-inline">
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="Autoplay" style="background-color:#959393;margin-left:15px" id="auto">èªå¨ææ¾</button>
			</div>
			<div class="layui-inline">
			<h1 style="text-align: center;margin-left:300px"><b>å·¥ä½ä½ä¸æå¯¼ä¹¦</b></h1>
			</div>
			<div class="layui-inline" style="margin-left:460px;">
			<ul>
			<li id="Date"></li>
			</ul>
			</div>
			<div class="layui-inline">
			<ul>
			<li id="hours"> </li>
			</ul>
			</div>
			<div class="layui-inline">
			<ul>
			<li id="point">:</li>
			</ul>
			</div>
			<div class="layui-inline">
			<ul>
			<li id="min"> </li>
			</ul>
			</div>
			<div class="layui-inline">
			<ul>
			<li id="point">:</li>
			</ul>
			</div>
			<div class="layui-inline">
			<ul>
			<li id="sec"> </li>
			</ul>
			</div>
			</div> <!--top-end-->
			<!--<table class="" id="mainTable" lay-filter="mainTable"></table>-->
			<div style="margin-top:10px; width:100%;height:100%">
			<div style="width:77%;height:670px;float:left;line-height:500px">

			<div class="layui-carousel" id="test1">
			<div carousel-item id="file">

			</div>
			</div>

			</div>
			<div style="width:22%;height:670px;float:left;margin-left:1%">
			<div style="width:100%;height:49%;margin-bottom:2%">
			<div style="width:100px;height:23px; background: linear-gradient(-135deg, transparent 30px, #2baaca 0);"><span style="color:aliceblue;">å·¥ååè¡¨</span></div>

			<table class="" id="mainTable" lay-filter="mainTable"></table>
			</div>
			<div style="width:100%;height:49%;">
			<div style="width:100px;height:23px; background: linear-gradient(-135deg, transparent 30px, #2baaca 0);"><span style="color:aliceblue;">æä»¶åè¡¨</span></div>

			<table class="" id="mainTable2" lay-filter="mainTable2"></table>
			</div>
			</div>
			</div>
			</div>
			<!--</form>-->
			</div>
			</div>
			</div>
			</div>
			<script type="text/html" id="barDemo">
			<!--<a class="layui-btn layui-btn-xs" lay-event="view">æ¥ç</a>-->
			<!--<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">å é¤</a>-->
			</script>
			<script type="text/javascript">
			//è·ååæ°
			var params = get_UrlVars();
			if (typeof (params[params[0]]) == "undefined") {
			var OperationType = 1;//æä½ç±»å
			var closeType = 2; //å³éç±»å
			} else {
			debugger;
			var OperationType = params[params[0]];//æä½ç±»å
			var linterid = params[params[1]];//æºåid
			var HSouceBillType = params[params[2]];//æºåç±»å
			var closeType = params[params[3]]; //å³éç±»å
			}

			layui.config({
			base: '../../../layuiadmin/' //éæèµæºæå¨è·¯å¾
			}).extend({
			index: 'lib/index', //ä¸»å¥å£æ¨¡å
			}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate', 'carousel'], function () {
			//#region å¬å±åé
			var $ = layui.$
			, admin = layui.admin
			, layer = layui.layer
			, table = layui.table
			, form = layui.form
			, element = layui.element
			, laypage = layui.laypage
			, laydate = layui.laydate
			, util = layui.util
			, carousel = layui.carousel
			//æ¥è¯¢æ¡ä»¶
			var sWhere = "";
			var option = [];
			var option2 = [];
			var arr = [];
			var HInterID;
			//#endregion
			//#region è¿å¥é¡µé¢æ¢å è½½
			//åå§åè¡¨æ ¼
			set_InitGrid();
			set_InitGrid2();
			// è½®æå¾
			var ins = carousel.render({
			elem: '#test1'
			, width: '100%' //è®¾ç½®å®¹å¨å®½åº¦
			, height: '100%' //è®¾ç½®å®¹å¨é«åº¦
			, arrow: 'always' //å§ç»æ¾ç¤ºç®å¤´
			, indicator: 'inside' //æç¤ºå¨ä¸æ¾ç¤º
			, autoplay: false //æå¨ææ¾
			, interval: 3000 //ææ¾éåº¦
			});
			//#region è·åæ¶é´æ¥æ
			$(document).ready(function () {
			// åå»ºä¸¤ä¸ªåéï¼ä¸ä¸ªæ°ç»ä¸çæåæ¥çåç§°
			var monthNames = ["1 æ", "2 æ", "3 æ", "4 æ", "5 æ", "6 æ", "7 æ", "8 æ", "9 æ", "10 æ", "11 æ", "12 æ"];
			setInterval(function () {
			var date1 = new Date;
			var year = date1.getFullYear();
			var month = date1.getMonth();
			var day = date1.getDate();
			var hh = date1.getHours();
			var mm = date1.getMinutes();
			var ss = date1.getSeconds();
			var dayNames = new Array("æææ¥", "ææä¸", "ææäº", "ææä¸", "ææå", "ææäº", "ææå");
			var Stamp = new Date();

			$('#Date').html(year + " å¹´" + " " + monthNames[month] + ' ' + day + " æ¥  " + ' ' + dayNames[Stamp.getDay()]);
			$("#hours").html((hh < 10 ? ("0" + hh) : hh));
			$("#min").html((mm < 10 ? ("0" + mm) : mm));
			$("#sec").html((ss < 10 ? ("0" + ss) : ss));

			}, 1000);
			});
			//#endregion

			//#region å è½½æ°æ®å°ç½æ ¼
			//get_Display(sWhere);

			//éç¨å»¶æ¶çæ¹å¼çå¾æ°æ®
			get_Display(sWhere);
			setTimeout(function () { get_Display2(sWhere); }, 1000);
			setTimeout(function () { get_Display2(sWhere); }, 1000);
			setTimeout(function () { get_Display3(sWhere); }, 1000);
			setTimeout(function () { ins.reload({ autoplay: false }) }, 1500);
			//#endregion

			//#region èªå¨ææ¾æ¨¡å¼ä¸è·åé¡µé¢ä¿¡æ¯çæ¹æ³
			function set_LoadAgain() {
			get_Display(sWhere);
			setTimeout(function () { get_Display2(sWhere); }, 500);
			setTimeout(function () { get_Display2(sWhere); }, 500);
			setTimeout(function () { get_Display3(sWhere); }, 500);
			setTimeout(function () { ins.reload({ autoplay: false }) }, 1000);
			}
			//#endregion

			//#region å¤ææä½ç±»å(è¿éæ²¡ç¨å°)
			if (OperationType == 1 \|\| OperationType == 2) {//æ æºæ°å¢
			//åå§åºæ¬ä¿¡æ¯èµå¼
			}
			else if (OperationType == 3) {//ç¼è¾
			set_EditFromGrid(linterid);
			}
			else {
			layer.alert("æªç¥æä½ç±»åï¼", { icon: 5 });
			}
			//#endregion


			//#region éåº
			form.on('submit(Exit)', function (data) {
			if (linterid == undefined) {
			//å³éé¡µç¾
			Pub_Close(2);
			}
			else {
			//å³éé¡µç¾
			Pub_Close(1);
			}
			});
			//#endregion
			//#region æ¯å¦èªå¨ææ¾
			form.on('submit(Autoplay)', function (data) {
			var num = 0;
			if (document.getElementById("auto").innerHTML == "èªå¨ææ¾") {
			//ins.reload({ autoplay: true }) //è½®æå¾ææ¾æ¹å¼æ¹ä¸ºèªå¨ææ¾
			document.getElementById("auto").innerHTML = "æå¨ææ¾";
			var timer = setInterval(function () {
			set_LoadAgain();
			if (document.getElementById("auto").innerHTML === "èªå¨ææ¾") {
			clearInterval(timer); //æåå¨æå½æ°
			}}, 120000) //æ¯éä¸¤åéæ§è¡ä¸æ¬¡
			num = 1;
			} else if (document.getElementById("auto").innerHTML = "æå¨ææ¾" && num == 0) {
			//ins.reload({ autoplay: false }) //è½®æå¾ææ¾æ¹å¼æ¹ä¸ºæå¨ææ¾
			document.getElementById("auto").innerHTML = "èªå¨ææ¾";
			}
			});
			//#endregion

			//#region ç¹å»äºä»¶åæ¬on formäºä»¶ç ï¼è¿éæ²¡ç¨å°ï¼
			//å¤´å·¥å·æ äºä»¶
			table.on('toolbar(mainTable)', function (obj) {
			switch (obj.event) {
			//æ°å¢ä¸è¡
			case 'btn-AddLine': btnAddLine(NewRow);
			break;
			}
			});
			//#endregion

			//#region ç¹å»ä¸»è¡¨å¸¦åºä»è¡¨æ°æ®
			table.on('rowDouble(mainTable)', function (obj) { //æ³¨ï¼tool æ¯å·¥å·æ¡äºä»¶åï¼test æ¯ table åå§å®¹å¨çå±æ§ lay-filter="å¯¹åºçå¼"
			//var datas = obj.data; //è·å¾å½åè¡æ°æ®
			//HBillNo = datas["åæ®å·"].toString();
			//var HMainID = datas.hmainid;
			var wait = layer.load();
			HInterID = obj.data.HInterID
			if (HInterID == "" \|\| HInterID == null) {
			HInterID = 0;
			}
			$("#file").html("");
			$(".layui-carousel-ind").html("");
			$.ajax({
			url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/Filelist',
			type: "GET",
			data: { "sWhere": HInterID },
			success: function (data1) {
			if (data1.count == 1) {
			option2.data = data1.data;
			table.render(option2);

			for (let i = 0; i < data1.data.length; i++) {
			var html = '';
			if (data1.data[i].æä»¶ç±»å == '.jpeg' \|\| data1.data[i].æä»¶ç±»å == '.jpg') {
			var FileName = data1.data[i].æä»¶åç§°;
			//html += '<img src=`../../../Files/${FileName}` style="width:100%;height:100%">'
			html += '<div><img src=../../../Files/' + FileName + ' alt="" style="width:100%;height:100%"></div>'
			$("#file").append(html);
			}
			if (data1.data[i].æä»¶ç±»å == '.pdf') {
			var FileName2 = data1.data[i].æä»¶åç§°;
			//<embed src="Test PDF.pdf" type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" />
			html += '<div><embed src="../../../Files/' + FileName2 + '"' + ' type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /></div>'
			$("#file").append(html);
			}
			}
			if (data1.data.length == 0) {
			var html2 = '<h1 style="text-align:center;color:red;font-weight:bolder;">ææªä¸ä¼ æä»¶</h1>';
			$("#file").append(html2);
			}
			ins.reload({ autoplay: false })
			layer.close(wait);
			} else {
			layer.alert(data1.code + data1.Message, { icon: 5 });
			layer.close(wait);
			}
			}, error: function () {
			layer.close(wait);
			layer.alert("æ¥å£å¤±æ!", { icon: 5 });
			}
			});
			});
			//#endregion

			//#region åå§åè¡¨æ ¼
			function set_InitGrid() {
			option = {
			id: 'mainTable'
			, elem: '#mainTable'
			, toolbar: '#toolbarDemo'
			, page: false
			, cellMinWidth: 90
			, totalRow: false
			, toolbar: false
			, limit: 50
			, height: 300
			, cols: [[
			, { field: 'æºååå·', title: 'è®¡å', width: 100 }
			, { field: 'æ¥æ', title: 'æ¥æ', width: 100, templet: "<div>{{d.æ¥æ ==null ?'':layui.util.toDateString(d.æ¥æ, 'yyyy-MM-dd')}}</div>" }
			, { field: 'ç©æä»£ç ', title: 'ç©æä»£ç ', width: 100 }
			, { field: 'ç©æåç§°', title: 'ç©æåç§°', width: 100 }
			, { field: 'è§æ ¼åå·', title: 'è§æ ¼åå·', width: 100 }
			, { field: 'å·¥åº', title: 'å·¥åº', width: 100 }
			//, { fixed: 'right', title: 'æä½', toolbar: '#barDemo', width: 66 }
			]]
			, limits: [50, 500, 5000, 20000]
			, done: function (res, curr, count) {

			}
			};
			}
			function set_InitGrid2() {
			option2 = {
			id: 'mainTable2'
			, elem: '#mainTable2'
			, toolbar: '#toolbarDemo'
			, page: false
			, cellMinWidth: 90
			, totalRow: false
			, toolbar: false
			, limit: 50
			, height: 300
			, cols: [[
			, { field: 'åºå·', title: 'åºå·', width: 115,}
			, { field: 'å·¥åº', title: 'å·¥åº', width: 115, }
			, { field: 'æä»¶åç§°', title: 'æä»¶åç§°', width: 115 }
			]]
			, limits: [50, 500, 5000, 20000]
			, done: function (res, curr, count) {

			}
			};
			}
			//#endregion

			//#region å è½½ç½æ ¼
			function get_Display(sWhere) {
			var wait = layer.load();//é®ç½©
			$.ajax({
			url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/list',
			type: "GET",
			data: { "sWhere": sessionStorage["HSourceID"], "user": sessionStorage["HUserName"] },
			success: function (data1) {
			if (data1.count == 1) {
			if (data1.data[0]) {
			HInterID = data1.data[0].HInterID
			}
			option.data = data1.data;
			table.render(option);
			layer.close(wait);
			} else {
			layer.close(wait);
			layer.alert(data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(wait);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}

			//å è½½å³ä¸æ¹ç½æ ¼
			function get_Display2(sWhere) {
			if (HInterID == "" \|\| HInterID == null) {
			HInterID = 0;
			}
			var wait = layer.load();
			$.ajax({
			url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/Filelist',
			type: "GET",
			data: { "sWhere": HInterID },
			success: function (data1) {
			if (data1.count == 1) {
			option2.data = data1.data;
			table.render(option2);
			layer.close(wait);
			} else {
			layer.close(wait);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(wait);
			layer.alert("æ¥å£å¤±æ!", { icon: 5 });
			}
			});
			}

			//å è½½å·¦ä¾§æä»¶
			function get_Display3(sWhere) {
			if (HInterID == "" \|\| HInterID == null) {
			HInterID = 0;
			}
			$("#file").html("");
			$(".layui-carousel-ind").html("");
			$.ajax({
			url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/Filelist',
			type: "GET",
			data: { "sWhere": HInterID },
			success: function (data1) {
			if (data1.count == 1) {
			for (let i = 0; i < data1.data.length; i++) {
			var html = '';
			if (data1.data[i].æä»¶ç±»å == '.jpeg' \|\| data1.data[i].æä»¶ç±»å == '.jpg') {
			var FileName = data1.data[i].æä»¶åç§°;
			//html += '<img src=`../../../Files/${FileName}` style="width:100%;height:100%">'
			html += '<div><img src=../../../Files/' + FileName + ' alt="" style="width:100%;height:100%"></div>'
			$("#file").append(html);
			}
			if (data1.data[i].æä»¶ç±»å == '.pdf') {
			var FileName2 = data1.data[i].æä»¶åç§°;
			//<embed src="Test PDF.pdf" type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" />
			html += '<div><embed src="../../../Files/' + FileName2 + '"' + ' type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /></div>'
			$("#file").append(html);
			}
			}
			if (data1.data.length == 0) {
			var html2 = '<h1 style="text-align:center;color:red;font-weight:bolder;">ææªä¸ä¼ æä»¶</h1>';
			$("#file").append(html2);
			}
			ins.reload({ autoplay: false })
			//layer.close(wait);
			} else {
			//layer.close(wait);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			}
			}, error: function () {
			//layer.close(wait);
			layer.alert("æ¥å£å¤±æ!", { icon: 5 });
			}
			});
			}
			//#endregion
			//ä»¥ä¸æ¯layuiæ¨¡å
			});
			</script>
			</body>
			</html>