MES-WEB-LayUI.git

			@@ -48,13 +48,13 @@
			<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)">èªå¨ææ¾</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="HideVideo">éèè§é¢</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)">éèè§é¢</button>
			</div>
			<div class="layui-inline">
			<h1 style="text-align: center;margin-left:100px"><b>å·¥ä½ä½ä¸æå¯¼ä¹¦</b></h1>
			@@ -74,7 +74,7 @@
			</ul>
			</div>
			</div> <!--top-end-->
			<div style="width:98%;height:570px;min-height:300px;position: relative;">
			<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">
			@@ -149,9 +149,7 @@
			var HSourceID = sessionStorage["HSourceID"];//çäº§èµæº
			//#endregion
			//#region è¿å¥é¡µé¢æ¢å è½½
			//åå§åè¡¨æ ¼
			set_InitGrid();
			set_InitGrid2();

			// è½®æå¾
			var ins = carousel.render({
			elem: '#test1'
			@@ -178,29 +176,15 @@
			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

			var vvv = '';
			vvv += '<source src="../../../Files/flower.webm" type="video/webm" />'
			//$("#video").append(vvv);
			//var vvv = '';
			//vvv += '<source src="../../../Files/flower.webm" type="video/webm" />'
			////$("#video").append(vvv);

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

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

			//è·åå½åçäº§èµæºççäº§è®¢å
			get_Display(sWhere, HID);

			//#region å¤ææä½ç±»å(è¿éæ²¡ç¨å°)
			if (OperationType == 1 \|\| OperationType == 2) {//æ æºæ°å¢
			//åå§åºæ¬ä¿¡æ¯èµå¼
			@@ -208,10 +192,33 @@
			else if (OperationType == 3) {//ç¼è¾
			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
			//get_SopFile(HMaterID, HSourceNo);// ç©æ
			get_SopFile2(HMaterID, HProcID); //ç©æ+å·¥åº
			return;
			}
			else {
			layer.alert("æªç¥æä½ç±»åï¼", { icon: 5 });
			}
			//#endregion

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

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

			//è·åå½åçäº§èµæºççäº§è®¢å
			get_Display(sWhere, HID);

			//#region éåå·
			form.on('submit(CheckTask)', function (data) {
			@@ -221,7 +228,7 @@
			, area: ['90%', '90%']//å¤§å°
			, title: 'å·¥ååè¡¨'//æ é¢
			, shift: 2//å¼¹åºå¨ç»
			, content: ['../../Baseset/åºç¡èµæ/Sc_ICMOBillListView3.html?HSourceID=' + HSourceID, 'yes']
			, content: ['../../Baseset/åºç¡èµæ/Sc_ICMOBillListView3.html?HSourceID=' + HSourceID, 'yes']
			})
			});

			@@ -245,7 +252,7 @@
			} else {
			document.getElementById("IsHide").style.display = "inherit";//éèè§é¢
			document.getElementById("HideVideo").innerHTML = "éèè§é¢";
			}
			}
			});

			//#region éåº
			@@ -258,7 +265,7 @@
			//å³éé¡µç¾
			Pub_Close(1);
			}
			});
			});

			//#endregion
			//#region æ¯å¦èªå¨ææ¾
			@@ -271,14 +278,15 @@
			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
			//#endregion

			//#region ç¹å»äºä»¶åæ¬on formäºä»¶ç ï¼è¿éæ²¡ç¨å°ï¼
			//å¤´å·¥å·æ äºä»¶
			@@ -291,110 +299,139 @@
			});
			//#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;
			}
			//#endregion

			//#region æ ¹æ®ç©æå è½½å¾ç
			function get_SopFile(HMaterID, HSourceNo) {
			var wait = layer.load();//é®ç½©
			$("#file").html("");
			$(".layui-carousel-ind").html("");

			$.ajax({
			url: GetWEBURL() + '/Sc_ICMOBillStatus_Tmp/Filelist',
			url: GetWEBURL() + '/Gy_SopBill/getListByMaterID',
			type: "GET",
			data: { "sWhere": HInterID },
			data: { "HMaterID": HMaterID, "HSourceNo": HSourceNo },

			success: function (data1) {
			if (data1.count == 1) {
			option2.data = data1.data;
			table.render(option2);
			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=../../../Files/' + FileName + ' alt="" style="width:100%;height:100%"></div>'
			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="../../../Files/' + FileName2 + '"' + ' type="application/pdf" style="width:100%;height:100%" internalinstanceid="81" /></div>'
			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;color:red;font-weight:bolder;">ææªä¸ä¼ æä»¶</h1>';
			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.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.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) {
			//#region æ ¹æ®ç©æ+å·¥åºè·åä½ä¸æå¯¼ä¹¦
			function get_SopFile2(HMaterID, HProcID) {
			var wait = layer.load();//é®ç½©
			$("#file").html("");
			$(".layui-carousel-ind").html("");

			}
			};
			}
			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) {
			$.ajax({
			url: GetWEBURL() + '/Gy_SopBill/getListByMaterProc',
			type: "GET",
			data: { "HMaterID": HMaterID, "HProcID": HProcID },

			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);
			layer.alert(data1.Message, { icon: 5 });
			}
			}, error: function () {
			layer.close(wait);
			layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 });
			}
			};
			});
			}
			//#endregion
			//#endregion

			//#region å è½½ç½æ ¼
			function get_Display(HSourceID, HID) {
			@@ -504,14 +541,56 @@
			}
			});
			};


			//ä»¥ä¸æ¯layuiæ¨¡å

			//ä»¥ä¸æ¯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>