<!DOCTYPE html>
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
<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/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>
|
.layui-table-view {
|
width: 52%;
|
float: left;
|
}
|
/*layui-form layui-border-box layui-table-view*/
|
.right {
|
width: 47.5%;
|
height: 550px;
|
float: left;
|
margin-left: 0.5%;
|
}
|
|
.right-button {
|
float: right;
|
margin-top: 10px
|
}
|
|
.right-content {
|
width: 100%;
|
height: 490px;
|
background-color: white;
|
border: solid 1px #BEC0C4;
|
}
|
|
</style>
|
</head>
|
<body>
|
<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">
|
<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="Give_Up">放弃</button>
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Get_Use">使用</button>
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Cancel">取消</button>
|
<button type="button" id="add-btn" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Saver">保存</button>
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Exit">退出</button>
|
</div>
|
</div>
|
<div class="layui-collapse" style="margin-bottom:2px">
|
<h1 style="text-align: center; padding: 10px 0;"><b>作业指导书</b></h1>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">单据号</label>
|
<div class="layui-input-inline">
|
<input type="text" class="layui-input" id="HBillNo" style="width:190px;">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">日期</label>
|
<div class="layui-input-inline">
|
<input type="date" class="layui-input" id="HDate" style="width:190px;">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">指导书名称</label>
|
<div class="layui-input-inline">
|
<input type="text" class="layui-input" id="HName" style="width:190px;">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">产品代码</label>
|
<div class="layui-input-inline">
|
<input type="text" name="HMaterNumber" id="HMaterNumber" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<input type="hidden" name="HMaterID" id="HMaterID" lay-verify="HMaterID" value="0" autocomplete="off" class="layui-input">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="btnSearchMater" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">产品名称</label>
|
<div class="layui-input-inline">
|
<input type="text" class="layui-input" id="HMaterName" style="width:190px;">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">规格型号</label>
|
<div class="layui-input-inline">
|
<input type="text" class="layui-input" id="HMaterModel" style="width:190px;">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">计量单位</label>
|
<div class="layui-input-inline">
|
<input type="text" name="HUnitName" id="HUnitName" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<input type="hidden" name="HUnitID" id="HUnitID" lay-verify="HUnitID" value="0" autocomplete="off" class="layui-input">
|
<input type="hidden" name="HUnitNumber" id="HUnitNumber" lay-verify="HUnitNumber" value="0" autocomplete="off" class="layui-input">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="btnSearchUnit" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">备注</label>
|
<div class="layui-input-inline">
|
<input type="text" class="layui-input" id="HRemark" style="width:514px;">
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<div class="layui-input-inline" style="margin-left: 80px;">
|
<input type="checkbox" name="checkboxHStandard" id="checkboxHStandard" lay-skin="primary" lay-filter="checkboxHStandard" title="是否默认工艺">
|
<input type="hidden" value="true" name="HStandard" id="HStandard" lay-verify="HStandard">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<div class="layui-input-inline" style="margin-left: 110px;">
|
<input type="checkbox" name="checkboxHUse" id="checkboxHUse" lay-skin="primary" lay-filter="checkboxHUse" title="是否启用">
|
<input type="hidden" value="true" name="HUse" id="HUse" lay-verify="HUse">
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<table class="" id="mainTable" lay-filter="mainTable"></table>
|
<!--右侧表格-->
|
<div class="right">
|
<div class="right-content">
|
<!--<table class="" id="mainTable2" lay-filter="mainTable2"></table>-->
|
<table id="right_table" border="1" style="border-collapse: collapse;">
|
<thead>
|
<tr>
|
<!--<th>次序号</th>
|
<th>附件路径</th>
|
<th>附件文件类型</th>
|
<th>附件名</th>
|
<th>上传日期</th>
|
<th>上传人</th>-->
|
<th style="min-width:100PX">文件名</th>
|
<th style="min-width:100PX">大小</th>
|
<th style="min-width:100PX">状态</th>
|
<th style="min-width:100PX">操作</th>
|
</tr>
|
<!--<tr>
|
<td><input type="text" class="layui-input" id="test" style="max-width:50px" readonly></td>
|
<td>2</td>
|
<td>3</td>
|
<td>4</td>
|
<td>5</td>
|
<td>6</td>
|
</tr>-->
|
</thead>
|
<tbody id="ProImgByList">
|
</tbody>
|
</table>
|
</div>
|
<div class="right-button">
|
<button type="button" class="layui-btn layui-btn-primary" id="ChoseFile" lay-submit="" lay-filter="Add_Row" style="color:#232389;background-color:#D4D2CF">选择文件</button>
|
<!--<button type="button" class="layui-btn layui-btn-primary" id="delete" lay-submit="" lay-filter="Add_Row" style="color:#232389">删除</button>-->
|
</div>
|
</div>
|
<script type="text/html" id="toolbarDemo">
|
<div class="layui-btn-container">
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-AddLine"><i class="layui-icon layui-icon-form"></i>增加一行</button>
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-CopyLine"><i class="layui-icon layui-icon-form"></i>复制一行</button>
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="set_HideColumn"><i class="layui-icon layui-icon-form"></i>列设置</button>
|
</div>
|
</script>
|
<script type="text/html" id="xuhao">
|
{{d.LAY_TABLE_INDEX+1}}
|
</script>
|
<script type="text/html" id="switchTpl">
|
<!-- 这里的 checked 的状态只是演示 -->
|
<input type="checkbox" name="checkbox" value="{{d.HGiveAwayFlag}}" lay-skin="primary" lay-filter="HGiveAwayFlag" {{ d.HGiveAwayFlag == 1 ? 'checked' : '' }}>
|
</script>
|
<script type="text/html" id="switchTp2">
|
<!-- 这里的 checked 的状态只是演示 -->
|
<input type="checkbox" name="checkbox" lay-skin="primary" lay-filter="HGiveAwayFlag1">
|
</script>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/html" id="barDemo">
|
<!--<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</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'], 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
|
//查询条件
|
var sWhere = "";
|
var option = [];
|
var option2 = [];
|
var HModName = "Gy_SOPBill";
|
var arr = [];
|
//#endregion
|
|
//#region 进入页面既加载
|
//初始化表格
|
set_InitGrid();
|
set_InitGrid2();
|
document.getElementById("right_table").style.visibility = 'hidden'; // 隐藏列表
|
$('#ChoseFile').addClass("layui-btn-disabled").attr("disabled", true); //禁用按钮
|
$('#delete').addClass("layui-btn-disabled").attr("disabled", true);
|
//加载数据到网格
|
//get_Display(sWhere);
|
//隐藏勾选字段
|
DisPlay_HideColumn();
|
//判断操作类型
|
if (OperationType == 1 || OperationType == 2) {//无源新增
|
//初始基本信息赋值
|
$("#HDate").val(Format(new Date(), "yyyy-MM-dd")); //日期
|
set_AddFNew();
|
set_AddFNew2();
|
PicUpload();
|
}
|
else if (OperationType == 3) {//编辑
|
set_EditFromGrid(linterid);
|
}
|
else {
|
layer.alert("未知操作类型！", { icon: 5 });
|
}
|
|
|
//#endregion
|
|
//#region 点击事件包括on form事件等
|
//头工具栏事件
|
table.on('toolbar(mainTable)', function (obj) {
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;;
|
var AddRow = table.cache['mainTable'];
|
var NewRow = { "流水号": "", "工序代码": "", "工序": "", "工位": "", "工位代码": "", "工作中心代码": "", "工作中心": "", "备注": "" };
|
console.log(NewRow);
|
switch (obj.event) {
|
//新增一行
|
case 'btn-AddLine': btnAddLine(NewRow);
|
break;
|
//复制一行
|
case 'btn-CopyLine': btnCopyLine(data);
|
break;
|
//列设置
|
case 'set_HideColumn': get_HideColumn();
|
break;
|
}
|
});
|
//行内事件
|
table.on('tool(mainTable)', function (obj) {
|
set_GridDelete(obj); //行内删除
|
set_GridCellCheck(obj); //行内快捷键筛选
|
});
|
//监听单元格编辑 单元格编辑后 变更
|
table.on('edit(mainTable)', function (obj) {
|
var value = obj.value //得到修改后的值
|
, data = obj.data //得到所在行所有键值
|
, field = obj.field; //得到字段
|
arr.push(data);
|
});
|
|
//删除按钮
|
form.on('submit(del)', function (data) {
|
console.log('aaa');
|
});
|
//重置按钮
|
form.on('submit(btnReSearch)', function (data) {
|
set_ClearQuery();
|
});
|
|
//查询按钮
|
form.on('submit(btnSearch)', function (data) {
|
get_FastQuery(table, option);
|
});
|
//#endregion
|
|
//表头信息单位弹窗
|
form.on('submit(btnSearchUnit)', function () {
|
//页面层-自定义
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '单位列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['90%', '90%'],
|
maxmin: true,
|
content: ['../../Baseset/基础资料/Gy_UnitList.html', 'yes'],
|
btn: ['确定', '取消']
|
, btn1: function (index, layero) {
|
|
//按钮【按钮一】的回调
|
var iframeWindow = window['layui-layer-iframe' + index] //获取弹框页面
|
var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//获取table的elem:"#test"
|
if (checkStatus.data.length === 0) {
|
return layer.msg('请选择数据');
|
}
|
$("#HUnitName").val(checkStatus.data[0].HName);
|
$("#HUnitID").val(checkStatus.data[0].HItemID);
|
$("#HUnitNumber").val(checkStatus.data[0].HNumber)
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) {
|
//按钮【按钮二】的回调
|
//return false 开启该代码可禁止点击该按钮关闭
|
},
|
end: function () {
|
|
},
|
success: function (layero, index) {
|
|
}
|
});
|
});
|
|
form.on('submit(btnSearchMater)', function () {
|
//页面层-自定义
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '物料列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['90%', '90%'],
|
maxmin: true,
|
content: ['../../Baseset/基础资料/Gy_MaterList.html', 'yes'],
|
btn: ['确定', '取消']
|
, btn1: function (index, layero) {
|
|
//按钮【按钮一】的回调
|
var iframeWindow = window['layui-layer-iframe' + index] //获取弹框页面
|
var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//获取table的elem:"#test"
|
if (checkStatus.data.length === 0) {
|
return layer.msg('请选择数据');
|
}
|
$("#HMaterNumber").val(checkStatus.data[0].物料代码);
|
$("#HMaterName").val(checkStatus.data[0].物料);
|
$("#HMaterModel").val(checkStatus.data[0].规格型号);
|
$("#HMaterID").val(checkStatus.data[0].HItemID);
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) {
|
//按钮【按钮二】的回调
|
//return false 开启该代码可禁止点击该按钮关闭
|
},
|
end: function () {
|
|
},
|
success: function (layero, index) {
|
|
}
|
});
|
});
|
|
//保存
|
form.on('submit(Saver)', function (data) {//保存
|
var HMaterNumber = $('#HMaterNumber').val();
|
var HUnitName = $('#HUnitName').val();
|
|
var user = sessionStorage["HUserName"];
|
var oMain = JSON.stringify(data.field)
|
var sMainSub = oMain + ';' + linterid + ';' + user;
|
|
if (HMaterNumber == "") {
|
layer.msg("产品没有选择!", { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return false;
|
}
|
if (HUnitName == "") {
|
layer.msg("单位没有选择!", { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return false;
|
}
|
if (option.data[0].流水号 == "" && option.data[0].工序代码 == "" && option.data[0].工序 == "" && option.data[0].工位 == "" && option.data[0].工位代码 == "" && option.data[0].工作中心代码 == "" && option.data[0].工作中心 == "" && option.data[0].备注 == "") {
|
layer.msg("没有明细行!", { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return false;
|
}
|
$.ajax({
|
url: GetWEBURL() + '/Gy_SOPBill/ModifyByID',
|
type: "POST",
|
data: { "oMain": sMainSub },
|
success: function (data1) {
|
if (data1.count == 1) {
|
option.data = arr;
|
table.render(option);
|
//layer.close(wait);
|
$('#add-btn').addClass("layui-btn-disabled").attr("disabled", true);
|
$('#ChoseFile').removeClass("layui-btn-disabled").attr("disabled", false);
|
$('#delete').removeClass("layui-btn-disabled").attr("disabled", false);
|
document.getElementById("ChoseFile").style.backgroundColor='white'
|
} else {
|
//layer.close(wait);
|
layer.alert(data1.Message, { icon: 5 });
|
}
|
}, error: function () {
|
//layer.close(wait);
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
});
|
});
|
//放弃
|
form.on('submit(Give_Up)', function (data) {//放弃
|
layer.alert('单据尚未保存，是否放弃？', {
|
icon: 3
|
, title: '提示'
|
, btn: ['确定', '取消'] //按钮
|
, yes: function (index) {
|
$('#HBillNo').val("");
|
$("#HDate").val(Format(new Date(), "yyyy-MM-dd")); //日期
|
$('#HName').val("");
|
$('#HMaterNumber').val("");
|
$('#HMaterName').val("");
|
$('#HMaterModel').val("");
|
$('#HUnitName').val("");
|
$('#HRemark').val("");
|
|
option.data = [{
|
"流水号": "", "工序代码": "", "工序": "", "工位": "", "工位代码": "", "工作中心代码": "", "工作中心": "", "备注": ""
|
}];
|
table.render(option);
|
|
layer.close(index);
|
}
|
})
|
});
|
|
//使用
|
form.on('submit(Get_Use)', function (data) {//使用
|
$.ajax({
|
url: GetWEBURL() + '/Gy_SOPBill/Use',
|
type: "GET",
|
//data: { "sWhere": sWhere, "user": sessionStorage["HUserName"] },
|
success: function (data1) {
|
if (data1.count == 1) {
|
layer.alert(data1.Message)
|
} else {
|
layer.alert(data1.Message, { icon: 5 });
|
}
|
}, error: function () {
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
});
|
});
|
|
//取消
|
form.on('submit(Cancel)', function (data) {//取消
|
$.ajax({
|
url: GetWEBURL() + '/Gy_SOPBill/Cancel',
|
type: "GET",
|
//data: { "sWhere": sWhere, "user": sessionStorage["HUserName"] },
|
success: function (data1) {
|
if (data1.count == 1) {
|
layer.alert(data1.Message)
|
} else {
|
layer.alert(data1.Message, { icon: 5 });
|
}
|
}, error: function () {
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
});
|
});
|
|
//退出
|
form.on('submit(Exit)', function (data) {
|
if (linterid == undefined) {
|
//关闭页签
|
Pub_Close(2);
|
}
|
else {
|
//关闭页签
|
Pub_Close(1);
|
}
|
});
|
|
|
//初始化表格
|
function set_InitGrid() {
|
$("#HDate").val(Format(new Date(), "yyyy-MM-dd"));
|
option = {
|
id: 'mainTable'
|
, elem: '#mainTable'
|
, toolbar: '#toolbarDemo'
|
, page: true
|
, cellMinWidth: 120
|
, totalRow: true
|
, limit: 50
|
, cellMinWidth: 1000
|
, height: 'full-50'
|
, cols: [[
|
{ type: 'checkbox', fixed: 'left' }
|
, { templet: '#xuhao', title: '序号', sort: true, fixed: 'left', event: "qwe", width: 100 }
|
, { field: '流水号', title: '流水号', width: 200, edit: 'text' }
|
, { field: '工序代码', title: '工序代码', width: 200, sort: true, edit: 'text', event: '工序代码' }
|
, { field: '工序', title: '工序', width: 200 }
|
, { field: '工位', title: '工位', width: 200, event: '工位', edit: 'text' }
|
, { field: '工位代码', title: '工位代码', width: 200 }
|
, { field: '工作中心代码', title: '工作中心代码', width: 110, event: '工作中心代码', edit: 'text' }
|
, { field: '工作中心', title: '工作中心', width: 110 }
|
, { field: '备注', title: '备注', width: 110, edit: 'text' }
|
, { fixed: 'right', title: '操作', toolbar: '#barDemo', width:80 }
|
]]
|
, limits: [50, 500, 5000, 20000]
|
, done: function (res, curr, count) {
|
|
}
|
};
|
}
|
function set_InitGrid2() {
|
option2 = {
|
id: 'mainTable2'
|
, elem: '#mainTable2'
|
, toolbar: '#toolbarDemo'
|
, page: true
|
, cellMinWidth: 120
|
, totalRow: true
|
, limit: 50
|
, cellMinWidth: 1000
|
, height: 'full-50'
|
, width:300
|
, cols: [[
|
{ type: 'checkbox', fixed: 'left' }
|
, { field: '次序号', title: '次序号', width: 200, edit: 'text' }
|
, { field: '附件路径', title: '附件路径', width: 200, sort: true, edit: 'text', event: '工序代码' }
|
, { field: '附件文件类型', title: '附件文件类型', width: 200 }
|
, { field: '附件名', title: '附件名', width: 200, event: '工位', edit: 'text' }
|
, { field: '上传日期', title: '上传日期', width: 200 }
|
, { field: '上传人', title: '上传人', width: 110 }
|
]]
|
, limits: [50, 500, 5000, 20000]
|
, done: function (res, curr, count) {
|
|
}
|
};
|
}
|
//无源单新增
|
function set_AddFNew() {
|
option.data = [{
|
"流水号": "", "工序代码": "", "工序": "", "工位": "", "工位代码": "", "工作中心代码": "", "工作中心": "", "备注": ""
|
}];
|
table.render(option);
|
}
|
function set_AddFNew2() {
|
option2.data = [{
|
"次序号": "", "附件路径": "", "附件文件类型": "", "附件名": "", "上传日期": "", "上传人": ""
|
}];
|
table.render(option2);
|
}
|
//加载网格
|
function get_Display(sWhere) {
|
var wait = layer.load();//遮罩
|
$.ajax({
|
url: GetWEBURL() + '/Gy_SOPBill/list',
|
type: "GET",
|
data: { "sWhere": sWhere, "user": sessionStorage["HUserName"] },
|
success: function (data1) {
|
if (data1.count == 1) {
|
DataList = data1.data;
|
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 PicUpload() {
|
layui.use('upload', function () {
|
var upload = layui.upload;
|
//多图片上传
|
//多文件列表示例
|
var ProImgByList = $('#ProImgByList')
|
var uploadListIns = upload.render({
|
elem: '#ChoseFile'
|
, url: GetWEBURL() + "/Gy_SOPBill/UploadFile1"
|
, accept: 'file'
|
, multiple: true
|
, auto: false
|
//, bindAction: '#testListAction' //按扭绑定
|
, data: { "HBillNo": $("#HBillNo").val(), "HRemark": $("#HRemark").val(), "HUserName": sessionStorage["HUserName"] }
|
, choose: function (obj) {
|
var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
document.getElementById("right_table").style.visibility = ''; //使标签显示
|
//读取本地文件
|
obj.preview(function (index, file, result) {
|
var tr = $(['<tr id="upload-' + index + '">'
|
, '<td>' + file.name + '</td>'
|
, '<td>' + (file.size / 1014).toFixed(1) + 'kb</td>'
|
, '<td>等待上传</td>'
|
, '<td>'
|
, '<button class="layui-btn layui-btn-xs demo-reload ">上传</button>'
|
, '<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
|
, '</td>'
|
, '</tr>'].join(''));
|
|
//单个重传
|
tr.find('.demo-reload').on('click', function () {
|
obj.upload(index, file);
|
return false;
|
});
|
|
//删除
|
tr.find('.demo-delete').on('click', function () {
|
delete files[index]; //删除对应的文件
|
tr.remove();
|
uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
|
});
|
|
ProImgByList.append(tr);
|
});
|
}
|
|
, done: function (res, index, upload) {
|
if (res.code == 1) { //上传成功
|
var tr = ProImgByList.find('tr#upload-' + index)
|
, tds = tr.children();
|
tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
|
tds.eq(3).html(''); //清空操作
|
//tds.eq(3).find('.demo-reload').addClass('layui-hide'); //隐藏上传
|
return delete this.files[index]; //删除文件队列已经上传成功的文件
|
}
|
this.error(index, upload);
|
}
|
, error: function (index, upload) {
|
var tr = ProImgByList.find('tr#upload-' + index)
|
, tds = tr.children();
|
tds.eq(2).html('<span style="color: #FF5722;">上传失败[检查文件名及文件格式]</span>');
|
tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示上传
|
}
|
});
|
});
|
}
|
// 表格行内事件删除
|
function set_GridDelete(obj) {
|
var data = obj.data;
|
var rowIndex = $(obj.tr).attr("data-index");
|
if (obj.event === 'del') {
|
layer.confirm('真的删除行么', function (index) {
|
console.log("索引为:" + rowIndex);
|
if (rowIndex === '0') {
|
layer.msg('首行无法删除！！！');
|
} else {
|
//obj.del();
|
//layer.close(index);
|
var oldData = table.cache["mainTable"];
|
oldData.splice(obj.tr.data('index'), 1);
|
table.reload('mainTable', { data: oldData });
|
layer.close(index);
|
}
|
});
|
}
|
}
|
//表格行内事件快捷键筛选
|
function set_GridCellCheck(obj) {
|
$(document).off('keydown', ".layui-table-edit").on('keydown', '.layui-table-edit', function (e) {
|
if (event.key == "F7") {
|
//工序信息 如果在工序代码列 按F7
|
if (obj.event === '工序代码') //工序信息 如果在工序代码列 按F7
|
{
|
//页面层-自定义 //F7选择工序
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '工序列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['80%', '80%'],
|
maxmin: true,
|
content: ['../../基础资料/生产基础资料/Gy_Process.html', 'yes'],
|
btn: ['确定', '取消']
|
, btn1: function (index, layero) {
|
|
//按钮【按钮一】的回调
|
var iframeWindow = window['layui-layer-iframe' + index] //获取弹框页面
|
var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//获取table的elem:"#test"
|
if (checkStatus.data.length === 0) {
|
return layer.msg('请选择数据');
|
}
|
//同步更新表格和缓存对应的值
|
obj.update({
|
工序代码: checkStatus.data[0].工序代码,
|
工序: checkStatus.data[0].工序名称,
|
});
|
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) {
|
//按钮【按钮二】的回调
|
//return false 开启该代码可禁止点击该按钮关闭
|
},
|
end: function () {
|
|
}
|
});
|
}
|
//工位
|
if (obj.event === '工位') //工位
|
{
|
//页面层-自定义
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '工位列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['80%', '80%'],
|
maxmin: true,
|
content: ['../../基础资料/公用基础资料/Gy_WorkStationList.html', 'yes'],
|
btn: ['确定', '取消']
|
, btn1: function (index, layero) {
|
|
//按钮【按钮一】的回调
|
var iframeWindow = window['layui-layer-iframe' + index] //获取弹框页面
|
var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//获取table的elem:"#test"
|
if (checkStatus.data.length === 0) {
|
return layer.msg('请选择数据');
|
}
|
|
//同步更新表格和缓存对应的值
|
obj.update({
|
工位: checkStatus.data[0].工位名称,
|
工位代码: checkStatus.data[0].工位代码,
|
});
|
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) {
|
//按钮【按钮二】的回调
|
//return false 开启该代码可禁止点击该按钮关闭
|
},
|
end: function () {
|
|
}
|
});
|
}
|
//工作中心
|
if (obj.event === '工作中心代码') //工作中心
|
{
|
//页面层-自定义
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '工作中心列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['80%', '80%'],
|
maxmin: true,
|
content: ['../../Baseset/基础资料/Gy_WorkCenterList.html', 'yes'],
|
btn: ['确定', '取消']
|
, btn1: function (index, layero) {
|
|
//按钮【按钮一】的回调
|
var iframeWindow = window['layui-layer-iframe' + index] //获取弹框页面
|
var checkStatus = iframeWindow.layui.table.checkStatus('mainTable');//获取table的elem:"#test"
|
if (checkStatus.data.length === 0) {
|
return layer.msg('请选择数据');
|
}
|
|
//同步更新表格和缓存对应的值
|
obj.update({
|
工作中心代码: checkStatus.data[0].工作中心代码,
|
工作中心: checkStatus.data[0].工作中心,
|
});
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) {
|
//按钮【按钮二】的回调
|
//return false 开启该代码可禁止点击该按钮关闭
|
},
|
end: function () {
|
|
}
|
});
|
}
|
obj.event = "";
|
return false;
|
}
|
})
|
}
|
|
//增加一行
|
function btnAddLine(NewRow) {
|
table.cache["mainTable"].push(NewRow);
|
option.data = table.cache["mainTable"];
|
table.render(option);
|
//rows++;
|
layer.msg('增加一行按钮！')
|
}
|
//复制一行
|
function btnCopyLine(data) {
|
var copydata = JSON.stringify(data);
|
if (data.length <= 0) {
|
layer.msg("请选择需要复制的一行！");
|
}
|
else if (data.length > 1) {
|
layer.msg("只能选择复制一行！");
|
}
|
else {
|
var copydata2 = copydata.substring(1, copydata.length);//去除首行字符'['
|
var copyrow = copydata2.substring(0, copydata2.length - 1);//去除末尾字符']'
|
table.cache["mainTable"].push(JSON.parse(copyrow));//将复制的行强转成json追加到表格上
|
option.data = table.cache["mainTable"];//将数据绑定到data上
|
table.render(option);//将数据渲染到表格上
|
}
|
}
|
|
//隐藏列设置
|
function get_HideColumn() {
|
var colName = "";
|
var contentUrl = "";
|
for (var i = 1; i < option.cols[0].length - 1; i++) {
|
colName += option.cols[0][i]["title"] + ",";
|
}
|
var urlStr = window.document.location.pathname;//获取文件路径
|
var urlLen = urlStr.split('/');
|
for (var i = 0; i < urlLen.length - 4; i++) {
|
contentUrl += "../";
|
}
|
colName = encodeURI(colName.substring(0, colName.length - 1));//对 URI 进行编码
|
|
contentUrl += '基础资料/隐藏列设置/Gy_GridView_Hide.html?HModName=' + HModName + '&colName=' + colName;
|
|
layer.open({
|
type: 2
|
, skin: "layui-layer-rim" //加上边框
|
, title: "隐藏列设置" //标题
|
, closeBtn: 1 //窗体右上角关闭 的 样式
|
, shift: 2 //弹出动画
|
, area: ["50%", "90%"] //窗体大小
|
, maxmin: true //设置最大最小按钮是否显示
|
, content: [contentUrl, "yes"]
|
, btn: ["确定", "取消"]
|
, btn1: function (index, laero) {
|
//刷新表格数据
|
DisPlay_HideColumn();
|
//更新表格缓存的数据
|
layer.close(index);//关闭弹窗
|
}
|
})
|
}
|
|
//显示列数据
|
function DisPlay_HideColumn() {
|
$.ajax({
|
url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
|
type: "GET",
|
data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
|
success: function (data1) {
|
if (data1.data.length != 0) {
|
|
|
var dataCol = [];//数据库查询出的列数据
|
var titleData = ["单据ID", "hmaterid", "hsubid", "HCenterID", "HWorkStationID"];//不需要显示的字段 可扩展
|
|
dataCol = data1.data[0].HGridString.split(',');
|
|
for (var i = 0; i < option.cols[0].length - 2; i++) {
|
var dataCols = dataCol[i].split('|');
|
//隐藏列
|
if (dataCols[1] == 1) {
|
option.cols[0][i + 1]["hide"] = true;
|
}
|
//设置列宽
|
if (dataCols[3] > 0) {
|
option.cols[0][i + 1]["width"] = dataCols[3];
|
}
|
//设置内容字体大小
|
if (data1.data[0].HFontSize != 0) {
|
option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
|
} else {
|
option.cols[0][i + 1]["style"] = "font-size:100%";
|
}
|
//设置列宽
|
//if (data1.data[0].HColumnWidth != 0) {
|
// option.cols[0][i + 1]["width"] = data1.data[0].HColumnWidth + "px;";
|
//} else {
|
// option.cols[0][i + 1]["width"] = "";
|
//}
|
//显示列
|
if (dataCols[1] == 0 && $.inArray(option.cols[0][i + 1]["title"], titleData) == -1) {
|
option.cols[0][i + 1]["hide"] = false;
|
}
|
//字体所在位置(左 居中 右)
|
switch (dataCols[2]) {
|
case "L":
|
option.cols[0][i + 1]["align"] = "left";
|
break;
|
case "M":
|
option.cols[0][i + 1]["align"] = "center";
|
break;
|
case "R":
|
option.cols[0][i + 1]["align"] = "right";
|
break;
|
}
|
}
|
|
//取消冻结列
|
for (var i = 1; i < option.cols[0].length - 1; i++) {
|
if (option.cols[0][i]["fixed"] != null) {
|
option.cols[0][i]["fixed"] = null;
|
}
|
else {
|
break;
|
}
|
}
|
//冻结列
|
if (data1.data[0].HFixCols != 0) {
|
for (var i = 0; i < data1.data[0].HFixCols; i++) {
|
if ($.inArray(option.cols[0][i + 1]["title"], titleData) != -1) {
|
data1.data[0].HFixCols += 1;
|
}
|
option.cols[0][i + 1]["fixed"] = "left";
|
}
|
}
|
table.render(option);
|
} else {
|
table.render(option);
|
}
|
}, error: function () {
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
})
|
}
|
//以上是layui模块
|
});
|
</script>
|
</body>
|
</html>
|
