| | |
| | | <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" onclick="Exit(event,this)">éåº</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" onclick="Autoplay(event,this)">èªå¨ææ¾</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="HideVideo" onclick="HideVideo(event,this)">éèè§é¢</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> |
| | |
| | | <ul> |
| | | <li id="Week"></li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | </div> <!--top-end--> |
| | | <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 class="layui-carousel" id="test1" style="position:absolute;"> |
| | | <!--éæåº¦ opacity: 0.2--> |
| | | <div carousel-item id="file"> |
| | | |
| | | </div> |
| | | |
| | | </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 |
| | |
| | | |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!--</form>--> |
| | | </div> |
| | | </form> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | }); |
| | | //#endregion |
| | | |
| | | //var vvv = ''; |
| | | //vvv += '<source src="../../../Files/flower.webm" type="video/webm" />' |
| | | ////$("#video").append(vvv); |
| | | |
| | | //#region 夿æä½ç±»å(è¿é没ç¨å°) |
| | | if (OperationType == 1 || OperationType == 2) {//æ æºæ°å¢ |
| | | //åå§åºæ¬ä¿¡æ¯èµå¼ |
| | |
| | | document.getElementById("HideVideo").innerHTML = "æ¾ç¤ºè§é¢"; |
| | | |
| | | //get_SopFile(HMaterID, HSourceNo);// ç©æ |
| | | get_SopFile2(HMaterID, HProcID); //ç©æ+å·¥åº |
| | | return; |
| | | 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("pause", (event) => { |
| | | $('#test1').css('opacity', 1); |
| | | }); |
| | | |
| | | //è·åå½åçäº§èµæºçç产订å |
| | | get_Display(sWhere, HID); |
| | | |
| | | |
| | | //#region éåå· |
| | | form.on('submit(CheckTask)', function (data) { |
| | | layer.open({ |
| | |
| | | }); |
| | | //#endregion |
| | | |
| | | //#region ç¹å»äºä»¶å
æ¬on formäºä»¶ç ï¼è¿é没ç¨å°ï¼ |
| | | //头工å
·æ äºä»¶ |
| | | table.on('toolbar(mainTable)', function (obj) { |
| | | switch (obj.event) { |
| | | //æ°å¢ä¸è¡ |
| | | case 'btn-AddLine': btnAddLine(NewRow); |
| | | break; |
| | | } |
| | | }); |
| | | //#endregion |
| | | |
| | | //#endregion |
| | | |
| | | //#region æ ¹æ®ç©æå è½½å¾ç |
| | | function get_SopFile(HMaterID, HSourceNo) { |
| | | var wait = layer.load();//é®ç½© |
| | | $("#file").html(""); |
| | | $(".layui-carousel-ind").html(""); |
| | | |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Gy_SopBill/getListByMaterID', |
| | | type: "GET", |
| | | data: { "HMaterID": HMaterID, "HSourceNo": HSourceNo }, |
| | | |
| | | 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 |
| | | |
| | | //#region æ ¹æ®ç©æ+å·¥åºè·åä½ä¸æå¯¼ä¹¦ |
| | | function get_SopFile2(HMaterID, HProcID) { |
| | | function get_SopFile2(HMaterID, HProcID, HType) { |
| | | var wait = layer.load();//é®ç½© |
| | | $("#file").html(""); |
| | | $(".layui-carousel-ind").html(""); |
| | |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Gy_SopBill/getListByMaterProc', |
| | | type: "GET", |
| | | data: { "HMaterID": HMaterID, "HProcID": HProcID }, |
| | | data: { "HMaterID": HMaterID, "HProcID": HProcID, "HType": HType }, |
| | | |
| | | 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']; |
| | | |
| | |
| | | } |
| | | //#endregion |
| | | |
| | | //#region å è½½ç½æ ¼ |
| | | function get_Display(HSourceID, HID) { |
| | | var wait = layer.load();//é®ç½© |
| | | $("#file").html(""); |
| | | $(".layui-carousel-ind").html(""); |
| | | |
| | | $.ajax({ |
| | | url: GetWEBURL() + '/Sc_ICMOBill/list2', |
| | | type: "GET", |
| | | data: { "HSourceID": HSourceID, "user": sessionStorage["HUserName"], "HMainID": HID }, |
| | | |
| | | 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') { |
| | | 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.Message, { icon: 5 }); |
| | | } |
| | | }, error: function () { |
| | | layer.close(wait); |
| | | layer.alert("æ¥å£è¯·æ±å¤±è´¥!", { icon: 5 }); |
| | | } |
| | | }); |
| | | } |
| | | //#endregion |
| | | |
| | | //å®ä¹ä¸ºå
¨å±åé |
| | | window.get_Display_All = function (HSourceID, HMainID) { |