<!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/layui/layui.js"></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/PubCustom.js"></script>
|
<script src="../../../layuiadmin/zgqCustom/zgqCustom.js"></script>
|
<style type="text/css">
|
/* .layui-form-item .layui-inline {
|
margin-right: 0;
|
}
|
|
html {
|
background-color: white;
|
color: white;
|
}
|
|
.layui-table-cell {
|
overflow: visible !important;
|
}
|
|
td .layui-form-select {
|
margin-top: -10px;
|
margin-left: -15px;
|
margin-right: -15px;
|
}*/
|
</style>
|
</head>
|
<body>
|
|
<div class="layui-fluid" style="padding: 0;">
|
<div class="layui-card" style="padding: 15px;">
|
<div class="layui-card-body" style="padding: 1px;">
|
<form 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="set_SaveBill">保存</button>
|
<button type="button" class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="Exit">退出</button>
|
</div>
|
</div>
|
<div class="layui-tab" lay-filter="tab-POStockInBill">
|
<div class="layui-tab-content">
|
<!--基本信息-->
|
<div class="layui-tab-item layui-show">
|
<div class="layui-form-item" style="padding-top: 10px;">
|
<div class="layui-row">
|
<div class="layui-inline">
|
<label class="layui-form-label">用户</label>
|
<div class="layui-input-inline">
|
<input type="text" name="UserName" id="UserName" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<input type="hidden" name="UserID" id="UserID" class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="UserList" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!--子表1-->
|
<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-InsertLine"><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="btn-Up"><i class="layui-icon layui-icon-form"></i>上移</button>
|
<button type="button" class="layui-btn layui-btn-sm" lay-event="btn-Under"><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>
|
</form>
|
</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>
|
//#region 折叠注释
|
//#endregion
|
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;
|
|
//子表渲染参数
|
var option = {};
|
|
//模块名
|
var HModName = "Gy_UserCustomerList_Edit";
|
|
//获取页面跳转参数
|
var params = get_UrlVars();
|
var OperationType = params[params[0]]; //从参数中获取 数据类型 1添加 保存 2复制 3 编辑
|
var linterid = params[params[1]]; //从参数中获取 单据内码
|
//#endregion
|
|
|
//#region 进入页面即加载
|
|
//#region 判断是否登录 未登录则跳到登录页
|
get_LoginIs();
|
//#endregion
|
|
//#region 判断并设置操作类型、页面初始化
|
if (OperationType == null || OperationType == 1) { //新增
|
//新增页面初始化
|
Init_setAdd();
|
}
|
else if (OperationType == 3) { //编辑
|
//子表初始化
|
set_InitGrid();
|
//加载表体和表体数据
|
RoadBillMain(linterid);
|
}
|
//#endregion
|
|
//#region 列设置：子表1
|
DisPlay_HideColumn();
|
//#endregion
|
//#endregion
|
|
//#region 触发事件：包括form.on(){}格式的所有点击事件、选择事件等
|
//#region 弹窗选择触发事件
|
//#region 选择用户按钮
|
form.on('submit(UserList)', function () {
|
get_checkUser();
|
});
|
//#endregion
|
//#endregion
|
|
//#region 表头按钮触发事件
|
//#region 保存按钮
|
form.on('submit(set_SaveBill)', function (data) {
|
if (AllowLoadData(data)) {
|
set_AddNew();
|
}
|
});
|
//#endregion
|
|
//#region 退出按钮
|
form.on('submit(Exit)', function () {
|
if (params[1] != null) {
|
Pub_Close(1);
|
} else if (params[1] == null) {
|
Pub_Close(2);
|
}
|
})
|
//#endregion
|
//#endregion
|
|
//#region 子表相关监听事件
|
//#region 子表1：头工具栏按钮触发事件
|
table.on('toolbar(mainTable)', function (obj) {
|
var checkStatus = table.checkStatus('mainTable')
|
, data = checkStatus.data;;
|
|
//新增行表格数据
|
var NewRow = {
|
"HItemID": "0",
|
"HUserID": "",
|
"HUserName": "",
|
"HCusID": "0",
|
"HCusNumber": "",
|
"HCusName": "",
|
};
|
switch (obj.event) {
|
//新增一行
|
case 'btn-AddLine': btnAddLine(NewRow);
|
break;
|
//复制一行
|
case 'btn-CopyLine': btnCopyLine(data);
|
break;
|
////指定位置下插入一行
|
//case 'btn-InsertLine': btnInsertLine(NewRow)
|
// break;
|
////上移
|
//case 'btn-Up': btn_up();
|
// break;
|
////下移
|
//case 'btn-Under': btn_under();
|
// break;
|
//列设置
|
case 'set_HideColumn':
|
get_HideColumn();
|
break;
|
}
|
});
|
//#endregion
|
|
//#region 行内事件
|
table.on('tool(mainTable)', function (obj) {
|
set_GridDelete(obj); //行内删除
|
set_GridCellCheck(obj); //行内快捷键筛选
|
});
|
//#endregion
|
//#endregion
|
//#endregion
|
|
|
//#region 本页面所有被调用的方法
|
//#region 判断是否登录 未登录则跳到登录页
|
function get_LoginIs() {
|
if (sessionStorage.login != "login") {
|
layer.confirm("登录失效，请重新登录！", {
|
icon: 4, skin: 'layui-layer-lan', title: "温馨提示", closeBtn: 0, btn: ['重新登录']
|
}, function () { window.location.href = "../../user/login.html"; });
|
}
|
}
|
//#endregion
|
|
//#region 子表1初始化
|
function set_InitGrid() {
|
option = {
|
elem: '#mainTable'
|
, toolbar: '#toolbarDemo'
|
, totalRow: true
|
, limit: 500
|
, height: 500
|
, loading: false
|
, cols: [[ //子表
|
{ type: 'checkbox', totalRowText: '合计行' }
|
, { type: 'numbers', title: '序号', width: 100, style: "background-color:#efefef4d;" }
|
, { field: 'HItemID', title: 'HItemID', width: 150, hide: "true" }
|
, { field: 'HUserID', title: '用户代码', edit: "true", event: "HUser", width: 100 }
|
, { field: 'HUserName', title: '用户名称', width: 150, style: "background-color:#efefef4d;" }//f7
|
, { field: 'HCusID', title: 'HCusID', width: 150, hide:"true" }
|
, { field: 'HCusNumber', title: '客户代码', edit: "true", event: "HCus", width: 100}
|
, { field: 'HCusName', title: '客户名称', width: 100, style: "background-color:#efefef4d;"}
|
, { fixed: 'right', title: '操作', toolbar: '#barDemo', width: 70 }
|
]]
|
}
|
|
var rowdata = [{
|
"HItemID": "0",
|
"HUserID": "",
|
"HUserName": "",
|
"HCusID": "0",
|
"HCusNumber": "",
|
"HCusName": "",
|
}];
|
|
option.data = rowdata;
|
table.render(option);
|
}
|
//#endregion
|
|
//#region 新增页面初始化
|
function Init_setAdd() {
|
//设置操作类型为 新增
|
OperationType = 1;
|
|
//初始化并列设置：子表1
|
set_InitGrid();
|
DisPlay_HideColumn();
|
}
|
//#endregion
|
|
//#region 编辑页面初始化
|
function RoadBillMain(linterid) {
|
//查询用户关联客户是否存在
|
var ajaxLoad = layer.load();
|
$.ajax({
|
url: GetWEBURL() + "/Xt_User/UserRelationCustomerlist_EditInit",
|
async: false,
|
type: "GET",
|
data: {
|
"HItemID": linterid
|
, "user": sessionStorage["HUserName"]
|
},
|
success: function (result) {
|
if (result.code == 1) { // 说明验证成功了，
|
var data = result.data[0];
|
|
//子表 赋值
|
var rowdata = [];
|
for (var i = 0; i < result.data.length; i++) {
|
rowdata.push(
|
{
|
"HItemID": result.data[i]["HItemID"],
|
"HUserID": result.data[i]["用户代码"],
|
"HUserName": result.data[i]["用户名称"],
|
"HCusID": result.data[i]["HCusID"],
|
"HCusNumber": result.data[i]["客户代码"],
|
"HCusName": result.data[i]["客户名称"]
|
}
|
);
|
}
|
option.data = rowdata;
|
|
table.render(option);
|
layer.close(ajaxLoad);
|
} else {
|
layer.close(ajaxLoad);
|
layer.alert(result.msg, { icon: 5, btn: ['退出'], time: 100000, offset: 't' });
|
}
|
}, error: function () {
|
layer.close(ajaxLoad);
|
layer.alert("发生错误!", { icon: 5 });
|
}
|
});
|
}
|
//#endregion
|
|
//#region 弹窗选择方法
|
//#region 用户选择方法
|
function get_checkUser() {
|
//页面层-自定义
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '用户列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['80%', '80%'],
|
maxmin: true,
|
content: ['../../PublicPage/PeopleInformation.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('请选择数据');
|
}
|
$("#UserName").val(checkStatus.data[0].HName);
|
$("#UserID").val(checkStatus.data[0].HNumber);
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
});
|
}
|
//#endregion
|
//#endregion
|
|
//#region 保存
|
function set_AddNew() {
|
var num = [];
|
for (var i = 0; i < option.data.length; i++) {
|
if (option.data[i] != "") {
|
num.push(option.data[i])
|
}
|
}
|
|
//data.field.HOrgID = sessionStorage["OrganizationID"];//组织
|
//var sMainStr = JSON.stringify(data.field);
|
var sSubStr = JSON.stringify(num);
|
var sMainSub = sSubStr + '&和' + sessionStorage["HUserName"] + '&和' + OperationType;
|
var index = layer.load();
|
|
$.ajax({
|
type: "POST",
|
url: GetWEBURL() + "/Xt_User/UserRelationCustomerlist_Save",
|
async: true,
|
data: { "sMainSub": sMainSub },
|
dataType: "json",
|
success: function (data) {
|
if (data.count == 1) {
|
layer.close(index);
|
layer.msg(data.Message);
|
option.data = null;
|
table.cache["mainTable"] = null;
|
table.render(option);
|
$('#add-btn').addClass("layui-btn-disabled").attr("disabled", true);
|
}
|
else {
|
layer.close(index);
|
layer.msg(data.Message, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
},
|
error: function (err) {
|
layer.close(index);
|
layer.msg("错误:" + err, { icon: 5, btn: ['确认'], time: 100000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
}
|
});
|
}
|
//#endregion
|
|
//#region 数据校验
|
function AllowLoadData(data) {
|
//数值格式校验工具
|
var ref = /^\d+(\.\d+)?$/; //非负数正则表达式
|
var temp = "";
|
|
//#region 子表 数据检验
|
for (var i = 0; i < option.data.length; i++) {
|
if (option.data[i]["HUserID"] == "") {
|
layer.msg("第" + i + "行：用户代码未选择！");
|
return false;
|
}
|
|
if (option.data[i]["HCusID"] == "0") {
|
layer.msg("第" + i + "行：客户未选择！");
|
return false;
|
}
|
}
|
//#endregion
|
|
//#region 子表 关键字重复校验
|
var num = [];
|
for (var i = 0; i < option.data.length; i++) {
|
temp = option.data[i]["HUserID"] + ";" + option.data[i]["HCusID"];
|
if ($.inArray(temp, num) == -1) {
|
num.push(temp);
|
} else {
|
layer.msg("第" + (i + 1) + "行,用户代码、客户重复!");
|
return false;
|
}
|
}
|
//#endregion
|
return true;
|
}
|
//#endregion
|
|
//#region 在末尾增加一行
|
function btnAddLine(NewRow) {
|
NewRow.HUserID = $("#UserID").val();
|
NewRow.HUserName = $("#UserName").val();
|
//table.cache["mainTable"].push(NewRow);
|
//option.data = table.cache["mainTable"];
|
option.data = option.data == null ? [] : option.data;
|
option.data.push(NewRow);
|
table.render(option);
|
//rows++;
|
layer.msg('增加一行按钮！')
|
}
|
//#endregion
|
|
//#region 复制一行
|
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上
|
//设置复制得到的记录的实际称重为0
|
option.data[option.data.length - 1].HWeight = "0";
|
|
table.render(option);//将数据渲染到表格上
|
}
|
}
|
//#endregion
|
|
//#region 表格行内事件删除
|
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);
|
option.data = oldData;
|
table.render(option);
|
layer.close(index);
|
}
|
});
|
}
|
}
|
//#endregion
|
|
//#region 行内快捷键筛选
|
function set_GridCellCheck(obj) {
|
$(document).off('keydown', ".layui-table-edit").on('keydown', '.layui-table-edit', function (e) {
|
if (event.key == "F7") {
|
//用户
|
if (obj.event == "HUser") {
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '用户列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['80%', '80%'],
|
maxmin: true,
|
content: ['../../PublicPage/PeopleInformation.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({
|
"HUserID": checkStatus.data[0].HNumber
|
, "HUserName": checkStatus.data[0].HName
|
})
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
});
|
}
|
//客户
|
if (obj.event == "HCus") {
|
//页面层-自定义 //F7选择供应商
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '客户列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['80%', '80%'],
|
maxmin: true,
|
content: ['../../Baseset/基础资料/Gy_CustomerList.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({
|
HCusID: checkStatus.data[0].HItemID,
|
HCusNumber: checkStatus.data[0].HNumber,
|
HCusName: checkStatus.data[0].HName
|
});
|
layer.close(layer.index); //它获取的始终是最新弹出的某个层，值是由layer内部动态递增计算的
|
}
|
});
|
}
|
obj.event = "";
|
return false;
|
}
|
})
|
}
|
//#endregion
|
|
//#region 子表1：隐藏列设置
|
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);//关闭弹窗
|
}
|
})
|
}
|
//#endregion
|
//#region 子表1：显示列数据
|
function DisPlay_HideColumn() {
|
$.ajax({
|
url: GetWEBURL() + '/Xt_grdAlignment_WMES/grdAlignmentWMESList',
|
type: "GET",
|
data: { "HModName": HModName, "user": sessionStorage["HUserName"] },
|
async: false,
|
success: function (data1) {
|
if (data1.data.length != 0) {
|
var dataCol = [];//数据库查询出的列数据
|
var titleData = ["HItemID","HCusID"];//不需要显示的字段 可扩展
|
//titleData = [];
|
|
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 });
|
}
|
})
|
}
|
//#endregion
|
//#endregion
|
|
|
//以上是layui模块
|
});
|
</script>
|
</body>
|
</html>
|
