wtt
2024-12-17 5c40b5817700ca2743bba403a32c1ba39ac8e9a0
WebTM/views/Éú²ú¹ÜÀí/×÷ÒµÖ¸µ¼Êé/Gy_SOPBill_Video.html
@@ -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" 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>
@@ -72,20 +85,20 @@
                                <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
@@ -97,10 +110,9 @@
                            </div>
                        </div>
                        </div>
                    </div>
                    <!--</form>-->
                </div>
                </form>
            </div>
        </div>
    </div>
@@ -181,10 +193,6 @@
            });
            //#endregion
            //var vvv = '';
            //vvv += '<source src="../../../Files/flower.webm" type="video/webm" />'
            ////$("#video").append(vvv);
            //#region åˆ¤æ–­æ“ä½œç±»åž‹(这里没用到)
            if (OperationType == 1 || OperationType == 2) {//无源新增
                //初始基本信息赋值
@@ -204,13 +212,18 @@
                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");
@@ -222,10 +235,7 @@
            video.addEventListener("pause", (event) => {
                $('#test1').css('opacity', 1);
            });
            //获取当前生产资源的生产订单
            get_Display(sWhere, HID);
            //#region é€‰å•号
            form.on('submit(CheckTask)', function (data) {
                layer.open({
@@ -294,87 +304,9 @@
            });
            //#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("");
@@ -382,15 +314,13 @@
                $.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'];
@@ -439,58 +369,6 @@
            }
            //#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) {