<!DOCTYPE html>
|
<html>
|
<head>
|
<meta 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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<!--引用layui样式文件-->
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
<!--引用layui js文件-->
|
<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 type="text/css">
|
.layui-form-label {
|
width: 85px;
|
}
|
|
.maintitle {
|
background-color: #1492ff;
|
color: #fff;
|
padding: 5px 10px;
|
border: none;
|
border-radius: 4px;
|
}
|
|
.title {
|
border-left: 4px solid #1492ff;
|
padding-left: 6px;
|
margin: 20px 10px 4px;
|
font-size: 16px;
|
color: #333;
|
}
|
|
.buttom_box_little {
|
width: 60px;
|
height: 36px;
|
color: #fff;
|
background-color: #1492ff;
|
border-radius: 4px;
|
border: none;
|
margin: 10px;
|
}
|
|
.layui-input {
|
width: 93%;
|
}
|
|
.layui-inline, img {
|
display: block;
|
vertical-align: middle
|
}
|
|
.layui-input, .layui-textarea {
|
display: inline-block;
|
width: 100%;
|
padding-left: 10px;
|
}
|
|
.laydate-time-list ol {
|
overflow-x: hidden !important;
|
overflow-y: auto !important;
|
}
|
|
.layui-form-label {
|
padding: 9px 5px;
|
}
|
|
.layui-input-block {
|
margin-left: 85px;
|
min-height: 36px;
|
}
|
|
.radio-label {
|
font-size: 30px; /* 设置您想要的字体大小 */
|
display: inline-block;
|
margin-right: 20px; /* 根据需要调整间距 */
|
}
|
|
</style>
|
</head>
|
<body>
|
|
<div id="layout1" class="layui-fluid">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md12">
|
<div class="layui-card">
|
<form id="form0" class="layui-form" lay-filter="component-form-group" action="">
|
<div class="layui-card-header">
|
<div class="layui-btn-group">
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Exit">退出</button>
|
</div>
|
</div>
|
<div class="layui-card-body">
|
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
<h1 style="text-align:center;"><b>异常类型</b></h1>
|
<div class="layui-tab-content">
|
<div class="layui-tab layui-tab-card">
|
<ul class="layui-tab-title">
|
<li class="layui-this">基本信息</li>
|
</ul>
|
<div class="layui-tab-content" style="height: 700px;">
|
<div class="layui-tab-item layui-show">
|
<div class="layui-form-item" style="margin-top:30px" >
|
<div class="layui-inline">
|
<div class="layui-input-inline" style="margin-left:200px">
|
<label class="radio-label">
|
<input type="radio" name="faultType" value="人员原因">人员原因
|
</label>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<div class="layui-input-inline" style="margin-left:400px">
|
<label class="radio-label">
|
<input type="radio" name="faultType" value="设备原因">设备原因
|
</label>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item" style="margin-top:60px">
|
<div class="layui-inline">
|
<div class="layui-input-inline" style="margin-left:200px">
|
<label class="radio-label">
|
<input type="radio" name="faultType" value="材料原因">材料原因
|
</label>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<div class="layui-input-inline" style="margin-left:400px">
|
<label class="radio-label">
|
<input type="radio" name="faultType" value="工艺原因">工艺原因
|
</label>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item" style="margin-top:60px">
|
<div class="layui-inline">
|
<div class="layui-input-inline" style="margin-left:200px">
|
<label class="radio-label">
|
<input type="radio" name="faultType" value="模具原因">模具原因
|
</label>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<div class="layui-input-inline" style="margin-left:400px">
|
<label class="radio-label">
|
<input type="radio" name="faultType" value="测试原因">测试原因
|
</label>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item" style="margin-top:60px">
|
<div class="layui-inline">
|
<div class="layui-input-inline" style="margin-left:200px">
|
<label class="radio-label">
|
<input type="radio" name="faultType" value="环境原因">环境原因
|
</label>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script>
|
//获取参数
|
var HICMOBillNo = ""; //工单号
|
var HSourceName = ""; //设备
|
var HSourceBillNo = "";//工序流转卡
|
var HNumber = "";
|
var HName = "";
|
var HModel = "";
|
var HQty = "";
|
|
var edit = function (data) {
|
HICMOBillNo = data[0].HICMOBillNo;
|
HSourceName = data[0].HSourceName;
|
HSourceBillNo = data[0].HSourceBillNo;
|
//HNumber = data[0].HNumber;
|
//HName = data[0].HName;
|
//HModel = data[0].HModel;
|
//HQty = data[0].HQty;
|
}
|
|
layui.config({
|
base: '../../../layuiadmin/' //静态资源所在路径
|
}).extend({
|
index: 'lib/index' //主入口模块
|
}).use(['index', 'form', 'laydate', 'table', 'element'], function () {
|
//#region 公用变量
|
var $ = layui.$
|
, admin = layui.admin
|
, layer = layui.layer
|
, table = layui.table
|
, form = layui.form
|
, laydate = layui.laydate
|
, element = layui.element;
|
|
|
//#endregion
|
|
//退出
|
form.on('submit(Exit)', function (data) {
|
Pub_Close(1);
|
});
|
|
// 获取所有名称为 faultType 的单选按钮
|
const radios = document.querySelectorAll('input[name="faultType"]');
|
|
// 为每个单选按钮添加 change 事件监听器
|
radios.forEach(function (radio) {
|
radio.addEventListener('change', function () {
|
if (this.checked) {
|
var value = this.value;
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim',
|
title: '异常反馈单',
|
closeBtn: 1,
|
shift: 2,
|
area: ['100%', '100%'],
|
maxmin: true,
|
content: './Sc_Add_MESExecptFeedBackBillList.html?OperationType=4&linterid=&HSouceBillType=',
|
end: function () {
|
|
},
|
success: function (dom, index) {
|
var data = [];
|
data.push({
|
"HICMOBillNo": HICMOBillNo,//工单号
|
"HSourceName": HSourceName, //设备
|
"HType": value, //异常类型
|
"HSourceBillNo": HSourceBillNo //流转卡号
|
});
|
|
// 通过索引获取到当前 iframe 弹出层
|
var iframe = window['layui-layer-iframe' + index];
|
// 调用 iframe 弹出层内的方法
|
iframe.edit(data);
|
},
|
});
|
}
|
});
|
});
|
|
// 获取所有的单选按钮的父元素 div.layui-input-inline
|
const radioContainers = document.querySelectorAll('.layui-input-inline');
|
|
// 为每个父元素添加点击事件监听器
|
radioContainers.forEach(function (container) {
|
container.addEventListener('click', function (event) {
|
// 判断点击的元素是否是单选按钮或者其直接子元素
|
if (event.target.tagName === 'INPUT' || event.target.parentNode.tagName === 'INPUT') {
|
const clickedRadio = event.target.tagName === 'INPUT' ? event.target : event.target.parentNode.querySelector('input');
|
if (clickedRadio && clickedRadio.checked) {
|
var value = clickedRadio.value;
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim',
|
title: '异常反馈单',
|
closeBtn: 1,
|
shift: 2,
|
area: ['100%', '100%'],
|
maxmin: true,
|
content: './Sc_Add_MESExecptFeedBackBillList.html?OperationType=4&linterid=&HSouceBillType=',
|
end: function () {
|
|
},
|
success: function (dom, index) {
|
var data = [];
|
data.push({
|
"HICMOBillNo": HICMOBillNo,//工单号
|
"HSourceName": HSourceName, //设备
|
"HType": value, //异常类型
|
"HSourceBillNo": HSourceBillNo //流转卡号
|
});
|
|
// 通过索引获取到当前 iframe 弹出层
|
var iframe = window['layui-layer-iframe' + index];
|
// 调用 iframe 弹出层内的方法
|
iframe.edit(data);
|
},
|
});
|
}
|
}
|
});
|
});
|
//以上为layui模块
|
});
|
</script>
|
</body>
|
</html>
|
