MES-WEB-LayUI.git

			@@ -42,28 +42,41 @@
			<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">-->
			<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>
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="Exit" style="background-color:#959393" onclick="Exit(event,this)" >éåº</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>
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="Autoplay" style="background-color:#959393;margin-left:15px" id="auto" onclick="Autoplay(event,this)" disabled>èªå¨ææ¾</button>
			</div>
			<div class="layui-inline">
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="HideVideo" style="background-color:#959393;margin-left:15px" id="auto">éèè§é¢</button>
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="HideVideo" style="background-color:#959393;margin-left:15px" id="HideVideo" onclick="HideVideo(event,this)" disabled>éèè§é¢</button>
			</div>
			<div class="layui-inline">
			<h1 style="text-align: center;margin-left:100px"><b>å·¥ä½ä½ä¸æå¯¼ä¹¦</b></h1>
			</div>
			<div class="layui-inline">
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="CheckTask" style="background-color:#959393;margin-left:55px" id="auto">éå·¥å</button>
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="CheckTask" style="background-color:#959393;margin-left:55px" id="auto" disabled>éå·¥å</button>
			</div>
			<div class="layui-inline">
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="SetUp" style="background-color:#959393;margin-left:15px" id="auto">è®¾ç½®</button>
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="SetUp" style="background-color:#959393;margin-left:15px" id="auto" disabled>è®¾ç½®</button>
			</div>
			<div class="layui-inline">
			<label class="layui-form-label">ç±»å</label>
			<div class="layui-input-block">
			<select name="HType" lay-filter="HType" id="HType">
			<option value="SOP">SOP</option>
			<option value="SIP">SIP</option>
			<option value="è®¾å¤å®å¨æä½è§ç¨">è®¾å¤å®å¨æä½è§ç¨</option>
			<option value="è´¨éæ¥è¦å¡">è´¨éæ¥è¦å¡</option>
			</select>
			</div>
			</div>
			<div class="layui-inline">
			<button type="button" class="layui-btn layui-btn-normal" lay-submit="" lay-filter="getHType" id="getHType" style="background-color:#959393">æ¥è¯¢</button>
			</div>
			<div class="layui-inline" style="margin-left:200px">
			<ul>
			@@ -72,26 +85,34 @@
			<ul>
			<li id="Week"></li>
			</ul>
			</div>
			</div>
			</div> <!--top-end-->
			<div class="layui-colla-item">
			<!--<table class="" id="mainTable" lay-filter="mainTable"></table>-->
			<video controls width="250">
			<source src="/media/cc0-videos/flower.webm" type="video/webm" />
			<div style="width:98%;height:calc(90vh);min-height:300px;position: relative;">
			<!--//è½®æå¾-->
			<div class="layui-carousel" id="test1" style="position:absolute;">
			<!--éæåº¦ opacity: 0.2-->
			<div carousel-item id="file">

			<source src="/media/cc0-videos/flower.mp4" type="video/mp4" />
			</div>
			</div>
			<!--//è§é¢-->
			<div class="layui-colla-item" id="IsHide" style="z-index: 50;margin-left:912px;padding-top:385px;">
			<video controls width="290" height="180" id="video">
			<!--<source src="../../../Files/flower.webm" type="video/webm" />-->
			<!--<source src="../../../Files/yyh.qlv" type="video/mp4" />

			Download the
			<a href="/media/cc0-videos/flower.webm">WEBM</a>
			or
			<a href="/media/cc0-videos/flower.mp4">MP4</a>
			video.
			</video>
			Download the
			<a href="/media/cc0-videos/flower.webm">WEBM</a>
			or
			<a href="/media/cc0-videos/flower.mp4">MP4</a>
			video.-->
			</video>

			</div>

			</div>
			</div>
			<!--</form>-->
			</div>
			</form>
			</div>
			</div>
			</div>
			@@ -134,12 +155,13 @@
			var option = [];
			var option2 = [];
			var arr = [];
			var HInterID;
			var HInterID = 0;
			var HID = 0;

			var HSourceID = sessionStorage["HSourceID"];//çäº§èµæº
			//#endregion
			//#region è¿å¥é¡µé¢æ¢å è½½
			//åå§åè¡¨æ ¼
			set_InitGrid();
			set_InitGrid2();

			// è½®æå¾
			var ins = carousel.render({
			elem: '#test1'
			@@ -166,30 +188,9 @@
			var Stamp = new Date();

			$('#Date').html(year + " å¹´" + " " + monthNames[month] + ' ' + day + " æ¥");
			$('#Week').html(dayNames[Stamp.getDay()] + ' ' + (hh < 10 ? ("0" + hh) : hh) + ' : ' + (mm < 10 ? ("0" + mm) : mm) + ' : ' + (ss < 10 ? ("0" + ss) : ss));
			$('#Week').html(dayNames[Stamp.getDay()] + ' ' + (hh < 10 ? ("0" + hh) : hh) + ' : ' + (mm < 10 ? ("0" + mm) : mm) + ' : ' + (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 å¤ææä½ç±»å(è¿éæ²¡ç¨å°)
			@@ -197,13 +198,83 @@
			//åå§åºæ¬ä¿¡æ¯èµå¼
			}
			else if (OperationType == 3) {//ç¼è¾
			document.getElementById("IsHide").style.display = "none";//éèè§é¢
			document.getElementById("HideVideo").innerHTML = "æ¾ç¤ºè§é¢";
			set_EditFromGrid(linterid);
			}
			else if (OperationType == 5) {//æ¥ç
			HMaterID = params[params[1]]; //ç©æID
			HSourceNo = params[params[2]]; //å·¥åå·
			HSourceEntryID = params[params[3]]; //æºåååç
			HProcID = params[params[4]]; //å·¥åºID
			HTypes = params[params[5]]; //ç±»å
			if (HTypes != undefined && HTypes != null && HTypes != '') {
			$("#HType").val(HTypes);
			form.render('select');
			}

			document.getElementById("IsHide").style.display = "none";//éèè§é¢
			document.getElementById("HideVideo").innerHTML = "æ¾ç¤ºè§é¢";

			//get_SopFile(HMaterID, HSourceNo);// ç©æ
			get_SopFile2(HMaterID, HProcID, $("#HType").val()); //ç©æ+å·¥åº
			}
			else {
			layer.alert("æªç¥æä½ç±»åï¼", { icon: 5 });
			}
			//#endregion

			form.on('submit(getHType)', function (event) {
			console.log("1");
			// æ§è¡æ¥è¯¢æä½
			get_SopFile2(HMaterID, HProcID, $("#HType").val());
			});

			var video = document.querySelector("video");

			//å¼å§ææ¾è§é¢
			video.addEventListener("play", (event) => {
			$('#test1').css('opacity', 0.5);
			});
			//ç»æææ¾è§é¢
			video.addEventListener("pause", (event) => {
			$('#test1').css('opacity', 1);
			});

			//#region éåå·
			form.on('submit(CheckTask)', function (data) {
			layer.open({
			type: 2//å¼¹çªç±»å
			, skin: 'layui-layer-rim' //å ä¸è¾¹æ¡
			, area: ['90%', '90%']//å¤§å°
			, title: 'å·¥ååè¡¨'//æ é¢
			, shift: 2//å¼¹åºå¨ç»
			, content: ['../../Baseset/åºç¡èµæ/Sc_ICMOBillListView3.html?HSourceID=' + HSourceID, 'yes']
			})
			});

			//#region è®¾ç½®
			form.on('submit(SetUp)', function (data) {
			layer.open({
			type: 2//å¼¹çªç±»å
			, skin: 'layui-layer-rim' //å ä¸è¾¹æ¡
			, area: ['90%', '90%']//å¤§å°
			, title: 'è®¾ç½®'//æ é¢
			, shift: 2//å¼¹åºå¨ç»
			, content: ['../../çäº§ç®¡ç/çäº§å·¥ä½/Gy_SourceWorkStationSet.html?OperationType=5&linterid=' + HSourceID, 'yes']
			})
			});

			//#region éèè§é¢
			form.on('submit(HideVideo)', function (data) {
			if (document.getElementById("HideVideo").innerHTML == "éèè§é¢") {
			document.getElementById("IsHide").style.display = "none";//éèè§é¢
			document.getElementById("HideVideo").innerHTML = "æ¾ç¤ºè§é¢";
			} else {
			document.getElementById("IsHide").style.display = "inherit";//æ¾ç¤ºè§é¢
			document.getElementById("HideVideo").innerHTML = "éèè§é¢";
			}
			});

			//#region éåº
			form.on('submit(Exit)', function (data) {
			@@ -216,7 +287,8 @@
			Pub_Close(1);
			}
			});
			//#endregion

			//#endregion
			//#region æ¯å¦èªå¨ææ¾
			form.on('submit(Autoplay)', function (data) {
			var num = 0;
			@@ -227,145 +299,68 @@
			set_LoadAgain();
			if (document.getElementById("auto").innerHTML === "èªå¨ææ¾") {
			clearInterval(timer); //æåå¨æå½æ°
			}}, 120000) //æ¯éä¸¤åéæ§è¡ä¸æ¬¡
			}
			}, 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;
			}

			//#region æ ¹æ®ç©æ+å·¥åºè·åä½ä¸æå¯¼ä¹¦
			function get_SopFile2(HMaterID, HProcID, HType) {
			var wait = layer.load();//é®ç½©
			$("#file").html("");
			$(".layui-carousel-ind").html("");

			$.ajax({
			url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/Filelist',
			url: GetWEBURL() + '/Gy_SopBill/getListByMaterProc',
			type: "GET",
			data: { "sWhere": HInterID },
			success: function (data1) {
			if (data1.count == 1) {
			option2.data = data1.data;
			table.render(option2);
			data: { "HMaterID": HMaterID, "HProcID": HProcID, "HType": HType },

			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);
			//æ¯æææ¾çè§é¢æ ¼å¼
			var videoExtensions = ['.mp4', '.webm', '.Ogg'];

			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].æä»¶åç§°;
			var FilePath = data1.data[i].æä»¶å°å;
			//html += '<img src=`../../../Files/${FileName}` style="width:100%;height:100%">'
			html += '<div><img src=../../../' + FilePath + ' alt="" style="width:100%;height:100%"></div>'
			$("#file").append(html);
			}
			if (data1.data[i].æä»¶ç±»å == '.pdf') {
			var FileName2 = data1.data[i].æä»¶åç§°;
			var FilePath2 = data1.data[i].æä»¶å°å;
			//<embed src="Test PDF.pdf" type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" />
			html += '<div><embed src="../../../' + FilePath2 + '"' + ' type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /></div>'
			$("#file").append(html);
			}
			if (videoExtensions.includes(data1.data[i].æä»¶ç±»å)) {
			var FileName3 = data1.data[i].æä»¶åç§°;
			var FilePath3 = data1.data[i].æä»¶å°å;
			var vvv = '';
			vvv += '<source src=../../../' + FilePath3 + ' type="video/webm" />'
			$("#video").append(vvv);
			}

			}

			if (data1.data.length == 0) {
			var html2 = '<h1 style="text-align:center;line-height:570px;color:red;font-weight:bolder;">ææªä¸ä¼ æä»¶</h1>';
			$("#file").append(html2);
			}
			ins.reload({ autoplay: false })

			layer.close(wait);
			} else {
			layer.close(wait);
			@@ -377,46 +372,28 @@
			}
			});
			}
			//#endregion

			//å è½½å³ä¸æ¹ç½æ ¼
			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;
			}
			//å®ä¹ä¸ºå¨å±åé
			window.get_Display_All = function (HSourceID, HMainID) {
			var wait = layer.load();//é®ç½©
			$("#file").html("");
			$(".layui-carousel-ind").html("");

			$.ajax({
			url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/Filelist',
			url: GetWEBURL() + '/Sc_ICMOBill/list2',
			type: "GET",
			data: { "sWhere": HInterID },
			data: { "HSourceID": HSourceID, "user": sessionStorage["HUserName"], "HMainID": HMainID },

			success: function (data1) {
			if (data1.count == 1) {
			if (data1.data[0]) {
			HInterID = data1.data[0].HInterID
			}
			option.data = data1.data;
			table.render(option);

			for (let i = 0; i < data1.data.length; i++) {
			var html = '';
			if (data1.data[i].æä»¶ç±»å == '.jpeg' \|\| data1.data[i].æä»¶ç±»å == '.jpg') {
			@@ -431,26 +408,78 @@
			html += '<div><embed src="../../../Files/' + FileName2 + '"' + ' type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /></div>'
			$("#file").append(html);
			}
			if (data1.data[i].æä»¶ç±»å == null && data1.data[i].æä»¶åç§° == null) {
			var html2 = '<h1 style="text-align:center;line-height:570px;color:red;font-weight:bolder;">ææªä¸ä¼ æä»¶</h1>';
			$("#file").append(html2);
			}
			}
			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);

			layer.close(wait);
			} else {
			//layer.close(wait);
			layer.alert(data1.code + data1.Message, { icon: 5 });
			layer.close(wait);
			layer.alert(data1.Message, { icon: 5 });
			}
			}, error: function () {
			//layer.close(wait);
			layer.alert("æ¥å£å¤±æ!", { icon: 5 });
			layer.close(wait);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			});
			}
			//#endregion
			};


			//ä»¥ä¸æ¯layuiæ¨¡å
			});
			//è¿åä»»å¡åä¿¡æ¯
			function GetICMOBillValue(obj) {
			get_Display_All(obj[0].HSourceID_b, obj[0].hmainid);
			}

			//éåºæé®ç¹å»äºä»¶
			function Exit(event, obj) {
			if (linterid == undefined) {
			//å³éé¡µç¾
			Pub_Close(2);
			}
			else {
			//å³éé¡µç¾
			Pub_Close(1);
			}
			}

			//éèè§é¢
			function HideVideo(event, obj) {
			if (document.getElementById("HideVideo").innerHTML == "éèè§é¢") {
			document.getElementById("IsHide").style.display = "none";//éèè§é¢
			document.getElementById("HideVideo").innerHTML = "æ¾ç¤ºè§é¢";
			} else {
			document.getElementById("IsHide").style.display = "inherit";//éèè§é¢
			document.getElementById("HideVideo").innerHTML = "éèè§é¢";
			}
			}

			//èªå¨ææ¾
			function Autoplay(event, obj) {
			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 = "èªå¨ææ¾";
			}
			}
			</script>
			</body>
			</html>