<!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">
|
<link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
|
<link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
|
<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
|
<script src="../../../layuiadmin/PageTitle.js"></script>
|
<style type="text/css">
|
|
/*begin 此样式用于消除行元素中布局宽度不够的问题*/
|
.layui-form-item .layui-inline {
|
margin-top: 5px;
|
margin-bottom: 5px;
|
margin-right: 0px;
|
}
|
/*end*/
|
.layui-form-label {
|
width: 199px;
|
}
|
|
.layui-input-block {
|
margin-left: 229px;
|
min-height: 36px;
|
}
|
</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" 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-card-body">
|
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
<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 class="layui-input" name="HBillNo" lay-verify="HBillNo" id="HBillNo" readonly="readonly" autocomplete="off">
|
<input id="HInterID" name="HInterID" type="hidden" />
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">日期</label>
|
<div class="layui-input-inline">
|
<input type="date" class="layui-input" name="HDate" id="HDate">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">计划开始日期</label>
|
<div class="layui-input-inline">
|
<input type="date" class="layui-input" name="HBeginDate" id="HBeginDate">
|
</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="date" class="layui-input" name="HEndDate" id="HEndDate">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">点检周期</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="HCheckCycle" lay-verify="HCheckCycle" id="HCheckCycle">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">周期单位</label>
|
<div class="layui-input-block" style="width:190px;">
|
<select name="HCycleUnit" lay-filter="HCycleUnit" id="HCycleUnit">
|
<option value="天" selected="selected">天</option>
|
<option value="周">周</option>
|
<option value="月">月</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">摘要</label>
|
<div class="layui-input-inline">
|
<textarea placeholder="请输入摘要" class="layui-textarea" name="HExplanation" id="HExplanation"></textarea>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">备注</label>
|
<div class="layui-input-inline">
|
<textarea placeholder="请输入备注" class="layui-textarea" name="HRemark" id="HRemark"></textarea>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<table class="layui-hide" id="mainTable" lay-filter="mainTable"></table>
|
<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>
|
|
</div>
|
</script>
|
<script type="text/html" id="xuhao">
|
{{d.LAY_TABLE_INDEX+1}}
|
</script>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/html" id="barDemo">
|
<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
|
</script>
|
<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/layui/lay/modules/util.js"></script>
|
<script src="../../../layuiadmin/PubCustom.js"></script>
|
<script>
|
var Stverf = "";
|
//获取参数
|
var params = get_UrlVars();
|
if (typeof (params[params[0]]) == "undefined") {
|
var OperationType = 1;//操作类型
|
var closeType = 2; //关闭类型
|
} else {
|
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', '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
|
, util = layui.util
|
;
|
var sBillType = "3913";
|
//#endregion
|
|
//#region 进入页面即加载
|
|
//#region 【动态获取模块名称】
|
var HModuleType = "3913";
|
//通过单据类型，从数据库动态获取单据模块命名,引用js文件 PageTitle.js
|
var HPageTitle = get_PageTitle(HModuleType) == "" ? $("h1").html() : get_PageTitle(HModuleType);
|
$("h1").html('<b>' + HPageTitle + '</b>');
|
//#endregion
|
|
//初始化表单插件
|
set_InitFrom();
|
//初始化表格
|
set_InitGrid();
|
|
//判断操作类型
|
if (OperationType == 1) {//无源单
|
Stverf = "Add";
|
set_AddFNew();
|
}
|
else if (OperationType == 3) {//编辑
|
Stverf = "Update";
|
set_EditFromGrid();
|
}
|
else {
|
layer.alert("未知操作类型！", { icon: 5 });
|
}
|
//#endregion
|
|
//#region 页面按钮触发事件
|
// 头工具栏事件
|
table.on('toolbar(mainTable)', function (obj) {
|
var rowid = 0;
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;;
|
var AddRow = table.cache['mainTable'];
|
var NewRow = { "HDotCheckItemID": "0", "HDotCheckItem": "", "HDotCheckPart": "", "HClaim": "", "HManagerID": sessionStorage["HEmpID"], "HManagerNumber": sessionStorage["HEmpNumber"], "HManagerName": sessionStorage["HEmpName"], "HRemark": "" };
|
switch (obj.event) {
|
//新增一行
|
case 'btn-AddLine': btnAddLine(NewRow);
|
break;
|
//复制一行
|
case 'btn-CopyLine': btnCopyLine(data);
|
break;
|
}
|
});
|
// 行内事件
|
table.on('tool(mainTable)', function (obj) {
|
set_GridDelete(obj); //行内删除
|
set_GridCellCheck(obj); //行内快捷键筛选
|
});
|
//保存
|
form.on('submit(Saver)', function (data) {//提交
|
set_btnSave(data);
|
})
|
//#endregion
|
|
//表格行内事件删除
|
function set_GridDelete(obj) {
|
var data = obj.data;
|
if (obj.event === 'del') {
|
layer.confirm('真的删除行么', function (index) {
|
var rowIndex = $(obj.tr).attr("data-index");
|
option.data = table.cache["mainTable"];//将数据绑定到data上
|
obj.del();
|
option.data.splice(rowIndex, 1);//删除缓存的行
|
table.reload('mainTable', option);
|
layer.close(index);
|
|
});
|
}
|
}
|
//表格行内事件快捷键筛选
|
function set_GridCellCheck(obj) {
|
$(document).off('keydown', ".layui-table-edit").on('keydown', '.layui-table-edit', function (e) {
|
if (event.key == "F7") {
|
|
if (obj.event === 'HDotCheckItem') //点检项目代码
|
{
|
//页面层-自定义
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '点检项目列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['90%', '90%'],
|
maxmin: true,
|
content: ['../../基础资料/基础资料/Gy_DotCheckList.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({
|
HDotCheckItemID: checkStatus.data[0].HItemID,
|
HDotCheckItem: checkStatus.data[0].点检项目名称
|
});
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) {
|
//按钮【按钮二】的回调
|
//return false 开启该代码可禁止点击该按钮关闭
|
},
|
end: function () {
|
}
|
});
|
}
|
if (obj.event === 'HManagerNumber') //负责人代码
|
{
|
//页面层-自定义
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '负责人列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['90%', '90%'],
|
maxmin: true,
|
content: ['../../PublicPage/UserInformation.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({
|
HManagerID: checkStatus.data[0].HItemID,
|
HManagerNumber: checkStatus.data[0].HNumber,
|
HManagerName: checkStatus.data[0].HName
|
});
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
, btn2: function (index, layero) {
|
//按钮【按钮二】的回调
|
//return false 开启该代码可禁止点击该按钮关闭
|
},
|
end: function () {
|
}
|
});
|
}
|
obj.event = "";
|
return false;
|
|
}
|
})
|
}
|
//初始化表单插件
|
function set_InitFrom() {
|
//常规用法
|
laydate.render({
|
elem: '#HDate'
|
, elem: '#HBeginDate'
|
, elem: '#HEndDate'
|
});
|
}
|
//初始化表格
|
function set_InitGrid() {
|
//表头
|
columns = [
|
{ type: 'checkbox', fixed: 'left', totalRowText: '合计行' }
|
, { templet: '#xuhao', title: '序号', sort: true, fixed: 'left', event: "qwe" }
|
, { field: 'HDotCheckItemID', title: '点检项目ID', edit: 'text', hide: true }
|
, { field: 'HDotCheckItem', title: '点检项目', edit: 'text', event: 'HDotCheckItem' }
|
, { field: 'HDotCheckPart', title: '点检部位', edit: 'text' }
|
, { field: 'HClaim', title: '具体要求', edit: 'text' }
|
, { field: 'HManagerID', title: '负责人ID', edit: 'text', hide: true }
|
, { field: 'HManagerNumber', title: '负责人代码', edit: 'text', event: 'HManagerNumber' }
|
, { field: 'HManagerName', title: '负责人', edit: 'text' }
|
, { field: 'HRemark', title: '备注', edit: 'text' }
|
, { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 150 }
|
];
|
option = {
|
id: 'mainTable'
|
, elem: '#mainTable'
|
, toolbar: '#toolbarDemo'
|
, page: false
|
, totalRow: true
|
, cellMinWidth: 120
|
, height: 500
|
, cols: [columns]
|
, done: function (res, curr, count) {
|
|
}
|
};
|
|
}
|
//新增
|
function set_AddFNew() {
|
//获取最大单据号
|
get_MAXNum();
|
option.data = [{ "HDotCheckItemID": "0", "HDotCheckItem": "", "HDotCheckPart": "", "HClaim": "", "HManagerID": sessionStorage["HEmpID"], "HManagerNumber": sessionStorage["HEmpNumber"], "HManagerName": sessionStorage["HEmpName"], "HRemark": "" }];
|
table.render(option);
|
}
|
//获取最大单据号
|
function get_MAXNum() {
|
$("#HInterID").val("0");
|
$("#HBillNo").val("");
|
$.ajax({
|
url: GetWEBURL() + "/Web/GetMAXNum",
|
type: "GET",
|
data: { "HBillType": sBillType },
|
success: function (d) {
|
$("#HInterID").val(0);
|
$("#HBillNo").val(d.data[0].HBillNo);
|
$("#HDate").val(Format(new Date(), "yyyy-MM-dd"));
|
$("#HBeginDate").val(Format(new Date(), "yyyy-MM-dd"));
|
$("#HEndDate").val(Format(new Date(), "yyyy-MM-dd"));
|
}
|
});
|
}
|
//增加一行
|
function btnAddLine(NewRow) {
|
var tableBak = table.cache["mainTable"]; //获取之前编辑过的表格数据
|
buttonArr = [];//清空数组
|
for (var i = 0; i < tableBak.length; i++) {
|
buttonArr.push(tableBak[i]); //将之前的数据存储
|
}
|
buttonArr.push(NewRow); //在尾部加一行
|
table.reload("mainTable", {
|
data: buttonArr //将数据重新载入表格
|
})
|
}
|
//复制一行
|
function btnCopyLine(data) {
|
var copydata = JSON.stringify(data);
|
if (data.length <= 0) {
|
layer.alert("请选择需要复制的一行！");
|
}
|
else if (data.length > 1) {
|
layer.alert("只能选择复制一行！");
|
}
|
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);//将数据渲染到表格上
|
//layer.alert(copyrow);
|
}
|
}
|
//编辑
|
function set_EditFromGrid() {
|
set_EditForm(linterid); //编辑获取表头
|
set_EditGrid(linterid); //编辑获取表体
|
option.data = [{ "HDotCheckItem": "", "HDotCheckPart": "", "HClaim": "", "HManagerID": "0", "HManagerNumber": "", "HManagerName": "", "HRemark": "" }];
|
table.render(option);
|
|
}
|
//编辑获取表头
|
function set_EditForm(linterid) {
|
$("#HInterID").val(linterid);//修改时主表ID
|
$.ajax({
|
url: GetWEBURL() + "/Sb_EquipDotCheckRuleBill/Sb_EquipDotCheckRuleBillListCheckDetai",
|
type: "GET",
|
data: {
|
"HID": linterid
|
},
|
success: function (d) {
|
if (d.code == 1) { // 说明验证成功了，
|
//console.log(result)
|
var data = d.data.h_v_Sb_EquipDotCheckRuleList[0];
|
form.val("component-form-group", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
"HBillNo": data.单据号
|
, "HInterID": data.hmainid
|
, "HDate": formatDate(data.日期)
|
, "HBeginDate": formatDate(data.计划开始日期)
|
, "HEndDate": formatDate(data.计划结束日期)
|
, "HCheckCycle": data.点检周期
|
, "HCycleUnit": data.周期单位
|
, "HExplanation": data.摘要
|
, "HRemark": data.备注
|
});
|
|
} else {
|
layer.alert(result.msg, { icon: 5, btn: ['退出'], time: 100000, offset: 't' });
|
}
|
}
|
});
|
}
|
// 编辑获取表体
|
function set_EditGrid(linterid) {
|
$("#HInterID").val(linterid);//修改时主表ID
|
//编辑加载数据
|
$.ajax({
|
url: GetWEBURL() + 'Sb_EquipDotCheckRuleBill/Sb_EquipDotCheckRuleBillListProjectDetai',
|
type: "GET",
|
data: { "sqlWhere": "and hmainid=" + linterid },
|
success: function (result) {
|
if (result.count == 1) {
|
option.data = result.data;
|
table.render(option);
|
|
} else {
|
layer.alert(result.code + result.Message, { icon: 5 });
|
}
|
}, error: function () {
|
layer.alert("接口请求失败!", { icon: 5 });
|
}
|
});
|
|
}
|
|
// 编辑获取表头时时间格式矫正方式
|
function formatDate(date) {
|
var d = new Date(date),
|
month = '' + (d.getMonth() + 1),
|
day = '' + d.getDate(),
|
year = d.getFullYear();
|
|
if (month.length < 2) month = '0' + month;
|
if (day.length < 2) day = '0' + day;
|
|
return [year, month, day].join('-');
|
}
|
|
//保存
|
function set_btnSave(data) {
|
data.field.HMaker = sessionStorage["HUserName"];//制单人
|
var sMainStr = JSON.stringify(data.field);
|
var sSubStr = JSON.stringify(table.cache['mainTable']);
|
var sMainSub = sMainStr + ';' + sSubStr + ";" + sessionStorage["HUserName"];
|
if (AllowLoadData(sSubStr)) {
|
$.ajax(
|
{
|
type: "POST",
|
url: GetWEBURL() + "/Sb_EquipDotCheckRuleBill/SaveEquipDotCheckRuleBill", //方法所在页面和方法名
|
async: true,
|
data: { "msg": sMainSub },
|
dataType: "json",
|
success: function (data1) {
|
if (data1.count == 1) { // 说明验证成功了，
|
$('#add-btn').addClass("layui-btn-disabled").attr("disabled", true);
|
layer.msg(data1.Message, { time: 1 * 1000, icon: 1 });
|
}
|
else {
|
f_alert(data1.Message);
|
console.log("Reason" + sMainStr + "sub:" + JSON.stringify(layui.table.cache.mainTable));
|
}
|
layer.closeAll("loading");
|
},
|
error: function (err) {
|
|
f_alert("错误:" + err);
|
console.log("Reason" + sMainStr);
|
}
|
});
|
}
|
}
|
|
//退出按钮
|
form.on('submit(Exit)', function () {
|
if (linterid == undefined) {
|
Pub_Close(2);
|
}
|
else {
|
Pub_Close(1);
|
}
|
})
|
});
|
function f_alert(sMsg) {
|
layer.alert(sMsg, { icon: 5 });
|
|
}
|
function AllowLoadData() { //非空验证
|
var Result = true;
|
|
return Result;
|
}
|
</script>
|
</body>
|
</html>
|
