1

duhe

2023-10-07 b3098605cb9814c8c8da8eb05041c5d156f47c4b

 WebTM/views/Éú²ú¹ÜÀí/×÷ÒµÖ¸µ¼Êé/Gy_SOPBill_Video.html

@@ -54,7 +54,7 @@
                                <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">
                                <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">隐藏视频</button>
                            </div>
                            <div class="layui-inline">
                                <h1 style="text-align: center;margin-left:100px"><b>工位作业指导书</b></h1>
@@ -74,21 +74,30 @@
                                </ul>
                            </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:570px;min-height:300px;position: relative;">
                            <!--//轮播图-->
                            <div class="layui-carousel" id="test1" style="position:absolute;">
                                <div carousel-item id="file">
                                   
                                </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">
                                    <!--<source src="../../Files/yyh.qlv" type="video/webm" />

                                <source src="/media/cc0-videos/flower.mp4" type="video/mp4" />
                                    <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>                      
                    </div>
                    <!--</form>-->
                </div>
@@ -134,7 +143,10 @@
            var option = [];
            var option2 = [];
            var arr = [];
            var HInterID;
            var HInterID = 0;
            var HID = 0;

            var HSourceID = sessionStorage["HSourceID"];//生产资源
            //#endregion
            //#region è¿›å…¥é¡µé¢æ—¢åŠ è½½
            //初始化表格
@@ -171,27 +183,9 @@
            });
            //#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

            //获取当前生产资源的生产订单
            get_Display(sWhere, HID);
          
            //#region åˆ¤æ–­æ“ä½œç±»åž‹(这里没用到)
            if (OperationType == 1 || OperationType == 2) {//无源新增
                //初始基本信息赋值
@@ -204,6 +198,40 @@
            }
            //#endregion

            //#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) {
@@ -215,8 +243,9 @@
                    //关闭页签
                    Pub_Close(1);
                }
            });
             //#endregion
            });            

            //#endregion
            //#region æ˜¯å¦è‡ªåŠ¨æ’­æ”¾
            form.on('submit(Autoplay)', function (data) {
                var num = 0;
@@ -350,15 +379,19 @@
                    }
                };
            }
           //#endregion
            //#endregion          

            //#region åŠ è½½ç½‘æ ¼
            function get_Display(sWhere) {
            function get_Display(HSourceID, HID) {
                var wait = layer.load();//遮罩
                $("#file").html("");
                $(".layui-carousel-ind").html("");

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

                    success: function (data1) {
                        if (data1.count == 1) {
                            if (data1.data[0]) {
@@ -366,57 +399,7 @@
                            }
                            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') {
@@ -437,20 +420,83 @@
                                $("#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模块

            //定义为全局变量
            window.get_Display_All = function (HSourceID, HMainID) {
                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": 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') {
                                    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[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);
                        } else {
                            layer.close(wait);
                            layer.alert(data1.Message, { icon: 5 });
                        }
                    }, error: function () {
                        layer.close(wait);
                        layer.alert("接口请求失败!", { icon: 5 });
                    }
                });
            };
               

            //以上是layui模块           
        });
        //返回任务单信息
        function GetICMOBillValue(obj) {
            get_Display_All(obj[0].HSourceID_b, obj[0].hmainid);
        }
    </script>
</body>
</html>