<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>作业指导书</title>
|
<meta name="renderer" content="webkit">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/modules/layer/default/layer.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../layuiadmin/Scripts/json2.js"></script>
|
<script src="../../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
|
<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
|
<script src="../../../layuiadmin/PubCustom.js"></script>
|
<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
|
|
<style>
|
/*
|
tr:nth-child(even) {
|
background: #CDCDCD;
|
}
|
table{
|
margin-top:1px;
|
}
|
tr:nth-child(1) {
|
background: #f8ff00;
|
}*/
|
li {
|
/*时间显示字体大小*/
|
font-size: 16px;
|
font-weight: bolder;
|
}
|
|
.layui-table-cell {
|
height: 23px;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid">
|
<div class="layui-col-md12">
|
<div class="layui-card" style="padding: 1px">
|
<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>
|
</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)" 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)" 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" 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" 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>
|
<li id="Date"></li>
|
</ul>
|
<ul>
|
<li id="Week"></li>
|
</ul>
|
</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 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" 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>
|
|
</div>
|
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
<script type="text/html" id="barDemo">
|
<!--<a class="layui-btn layui-btn-xs" lay-event="view">查看</a>-->
|
<!--<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>-->
|
</script>
|
<script type="text/javascript">
|
//获取参数
|
var params = get_UrlVars();
|
if (typeof (params[params[0]]) == "undefined") {
|
var OperationType = 1;//操作类型
|
var closeType = 2; //关闭类型
|
} else {
|
debugger;
|
var OperationType = params[params[0]];//操作类型
|
var linterid = params[params[1]];//源单id
|
var HSouceBillType = params[params[2]];//源单类型
|
var closeType = params[params[3]]; //关闭类型
|
}
|
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index', //主入口模块
|
}).use(['index', 'form', 'table', 'element', 'laypage', 'laydate', 'carousel'], function () {
|
//#region 公共变量
|
var $ = layui.$
|
, admin = layui.admin
|
, layer = layui.layer
|
, table = layui.table
|
, form = layui.form
|
, element = layui.element
|
, laypage = layui.laypage
|
, laydate = layui.laydate
|
, util = layui.util
|
, carousel = layui.carousel
|
//查询条件
|
var sWhere = "";
|
var option = [];
|
var option2 = [];
|
var arr = [];
|
var HInterID = 0;
|
var HID = 0;
|
|
var HSourceID = sessionStorage["HSourceID"];//生产资源
|
//#endregion
|
//#region 进入页面既加载
|
|
// 轮播图
|
var ins = carousel.render({
|
elem: '#test1'
|
, width: '100%' //设置容器宽度
|
, height: '100%' //设置容器高度
|
, arrow: 'always' //始终显示箭头
|
, indicator: 'inside' //指示器不显示
|
, autoplay: false //手动播放
|
, interval: 3000 //播放速度
|
});
|
//#region 获取时间日期
|
$(document).ready(function () {
|
// 创建两个变量，一个数组中的月和日的名称
|
var monthNames = ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月"];
|
setInterval(function () {
|
var date1 = new Date;
|
var year = date1.getFullYear();
|
var month = date1.getMonth();
|
var day = date1.getDate();
|
var hh = date1.getHours();
|
var mm = date1.getMinutes();
|
var ss = date1.getSeconds();
|
var dayNames = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
|
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));
|
}, 1000);
|
});
|
//#endregion
|
|
//#region 判断操作类型(这里没用到)
|
if (OperationType == 1 || OperationType == 2) {//无源新增
|
//初始基本信息赋值
|
}
|
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) {
|
if (linterid == undefined) {
|
//关闭页签
|
Pub_Close(2);
|
}
|
else {
|
//关闭页签
|
Pub_Close(1);
|
}
|
});
|
|
//#endregion
|
//#region 是否自动播放
|
form.on('submit(Autoplay)', function (data) {
|
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 = "自动播放";
|
}
|
});
|
//#endregion
|
|
|
//#region 根据物料+工序获取作业指导书
|
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, "HType": HType },
|
|
success: function (data1) {
|
if (data1.count == 1) {
|
if (data1.data[0]) {
|
HInterID = data1.data[0].HInterID
|
}
|
//支持播放的视频格式
|
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
|
|
|
//定义为全局变量
|
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);
|
}
|
|
//退出按钮点击事件
|
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>
|
