<!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/Scripts/jquery-1.4.1.js"></script>
|
<script src="../../../layuiadmin/layui/layui.js"></script>
|
<script src="../../../layuiadmin/Scripts/json2.js"></script>
|
<script src="../../../layuiadmin/Scripts/webConfig.js"></script>
|
<script src="../../../layuiadmin/PubCustom.js"></script>
|
<style type="text/css">
|
|
/*begin 此样式用于消除行元素中布局宽度不够的问题*/
|
.layui-form-item .layui-inline {
|
margin-top: 5px;
|
margin-bottom: 5px;
|
margin-right: 0px;
|
}
|
/*end*/
|
|
</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="addnew-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;"><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>
|
<li style="display:none;">对应金蝶信息</li>
|
<li style="display:none;">CLOUD账号设置</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<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="Czybm" lay-verify="Czybm" id="Czybm" autocomplete="off">
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">用户名</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="Czymc" id="Czymc" autocomplete="off">
|
</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="password" class="layui-input" name="Czmm" id="Czmm" value="" >
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">确认密码</label>
|
<div class="layui-input-inline">
|
<input type="password" name="Czyyz" id="Czyyz" class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="CzyyzList" style="width:40px;">
|
<i class="layui-icon layui-icon-edit layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</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="Explain" id="Explain"></textarea>
|
</div>
|
</div>
|
<div class="layui-inline" style="display:none;">
|
<label class="layui-form-label">对应职员</label>
|
<div class="layui-input-inline">
|
<input type="text" name="HEmpName" id="HEmpName" class="layui-input" value="" style="float:left;width:150px;">
|
<input type="hidden" name="HEmpID" id="HEmpID" class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HEmpList" 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 class="layui-tab-item">
|
<div class="layui-tab-item layui-show">
|
<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">
|
<select name="HOrgID" id="HOrgID" >
|
<option value="">请选择</option>
|
</select>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">对应K3用户</label>
|
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
<input type="text" name="HK3UserID" id="HK3UserID" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HK3UserList" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">对应保管</label>
|
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
<input type="text" name="HKeeperID" id="HKeeperID" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HKeeperList" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">对应验收</label>
|
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
<input type="text" name="HSecManagerID" id="HSecManagerID" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HSecManagerList" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">对应业务员</label>
|
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
<input type="text" name="HSellManID" id="HSellManID" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HSellManList" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">对应部门</label>
|
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
<input type="text" name="HDeptID" id="HDeptID" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HDeptList" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">对应仓库</label>
|
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
<input type="text" name="HWhID" id="HWhID" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HWhList" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label">调入仓库</label>
|
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
<input type="text" name="HSCWH" id="HSCWH" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HSCWHList" style="width:40px;">
|
<i class="layui-icon layui-icon-search layuiadmin-button-btn" style="margin-left:-9px;"></i>
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-inline">
|
<label class="layui-form-label">对应供应商</label>
|
<div class="layui-input-inline">
|
<div class="layui-input-inline">
|
<input type="text" name="HSupID" id="HSupID" readonly class="layui-input" value="" style="float:left;width:150px;">
|
<button type="button" lay-submit="" class="layui-btn" lay-filter="HSupList" 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>
|
<div class="layui-tab-item">
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width:110px;">对应CLOUD账号</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="" lay-verify="" id="" >
|
</div>
|
</div>
|
<div class="layui-inline">
|
<label class="layui-form-label" style="width:110px;">对应CLOUD密码</label>
|
<div class="layui-input-inline">
|
<input class="layui-input" name="" id="">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-tab-item layui-show">
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
<script>
|
var Sav = ""; //提交类型
|
var Psv = ""; //是否修改密码
|
//获取参数
|
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', '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
|
, formSelects = layui.formSelects
|
|
//#endregion
|
|
//#region 进入页面既加载
|
|
//判断操作类型
|
if (OperationType == 1) {//无源新增
|
Sav = "Add";
|
$('#Czybm').attr("disabled", false);
|
$('#Czymc').attr("disabled", false);
|
$('#Czmm').attr("disabled", false);
|
$('#Czyyz').attr("disabled", false);
|
$('#Explain').attr("disabled", false);
|
|
}
|
else if (OperationType == 3) {//编辑
|
Sav = "Update";
|
$('#Czybm').attr("disabled", true);
|
$('#Czymc').attr("disabled", false);
|
$('#Czmm').attr("disabled", true);
|
$('#Czyyz').attr("disabled", true);
|
$('#Explain').attr("disabled", false);
|
|
set_EditFromGrid(linterid);//编辑获取表头信息
|
}
|
else {
|
layer.alert("未知操作类型！", { icon: 5 });
|
}
|
//#endregion
|
|
|
//#region 点击事件，包括on和form事件
|
//确认密码弹窗
|
form.on('submit(CzyyzList)', function () {
|
$('#Czmm').val("");
|
$('#Czyyz').val("");
|
$('#Czmm').attr("disabled", false);
|
$('#Czyyz').attr("disabled", false);
|
Psv="Update"
|
});
|
|
//表头信息职员弹窗
|
form.on('submit(HEmpList)', function () {
|
//页面层-自定义
|
layer.open({
|
type: 2,
|
skin: 'layui-layer-rim', //加上边框
|
title: '职员列表',
|
closeBtn: 1,
|
shift: 2,
|
area: ['80%', '80%'],
|
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('请选择数据');
|
}
|
$("#HEmpName").val(checkStatus.data[0].HName);
|
$("#HEmpID").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) {
|
//debugger;
|
var sMainStr = JSON.stringify(data.field) + ';' + Sav;
|
if (!AllowLoadData())//数据验证
|
{
|
return false;
|
}
|
$.ajax(
|
{
|
type: "POST",
|
url: GetWEBURL() + "/Xt_User/SaveUser", //方法所在页面和方法名
|
async: true,
|
data: { "msg": sMainStr },
|
dataType: "json",
|
success: function (data) {
|
if (data.count == 1) { // 说明验证成功了，
|
layer.msg(data.Message, { time: 1 * 1000, icon: 1 }, function () {
|
$('#add-btn').addClass("layui-btn-disabled").attr("disabled", true);
|
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
parent.layer.close(index); //再执行关闭
|
});
|
}
|
else {
|
|
f_alert(data.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 (data) {
|
if (linterid == undefined) {
|
//关闭页签
|
Pub_Close(2);
|
}
|
else {
|
//关闭页签
|
Pub_Close(1);
|
}
|
});
|
|
//#endregion
|
|
|
//编辑获取表头信息
|
function set_EditFromGrid(linterid)
|
{
|
$.ajax({
|
url: GetWEBURL() + "Xt_User/EditUser",
|
type: "GET",
|
data: {
|
"HID": linterid
|
},
|
success: function (result) {
|
if (result.code == 1) { // 说明验证成功了，
|
var data = result.data.h_v_IF_UserList_Edit[0];
|
console.info(data);
|
form.val("component-form-group", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
|
"Czybm": data.用户编码 //用户编码
|
, "Czymc": data.用户名称 //用户名称
|
, "Czmm": data.密码 //密码
|
, "Czyyz": "" //确认密码
|
, "Explain": data.说明 //说明
|
});
|
|
} else {
|
layer.alert(result.msg, { icon: 5, btn: ['退出'], time: 100000, offset: 't' });
|
}
|
}, error: function () {
|
layer.alert("发生错误!", { icon: 5 });
|
}
|
});
|
}
|
|
//提交验证
|
function AllowLoadData()
|
{
|
var Result = true;
|
if (Sav == "Add")
|
{
|
if ($("#Czmm").val() == '' || $("#Czmm").val() == null) {
|
layer.msg("密码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return Result = false;
|
}
|
if ($("#Czyyz").val() == '' || $("#Czyyz").val() == null) {
|
layer.msg("确认密码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return Result = false;
|
}
|
if ($("#Czyyz").val()!= $("#Czmm").val()) {
|
layer.msg("两次密码不一样！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return Result = false;
|
}
|
}
|
if (Sav == "Update")
|
{
|
if ($("#Czmm").val() == '' || $("#Czmm").val() == null) {
|
layer.msg("密码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return Result = false;
|
}
|
if (Psv == "Update")
|
{
|
if ($("#Czyyz").val()== '' || $("#Czyyz").val()== null) {
|
layer.msg("确认密码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return Result = false;
|
}
|
if ($("#Czyyz").val()!= $("#Czmm").val()) {
|
layer.msg("两次密码不一样！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return Result = false;
|
}
|
}
|
|
}
|
if ($("#Czybm").val() == '' || $("#Czybm").val() == null) {
|
layer.msg("编码不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return Result = false;
|
}
|
if ($("#Czymc").val() == '' || $("#Czymc").val() == null) {
|
layer.msg("用户名不能为空！", { icon: 5, btn: ['确认'], time: 2000, offset: 't', skin: 'layui-layer-lan', title: "温馨提示" });
|
return Result = false;
|
}
|
else {
|
return Result = true;
|
}
|
return Result;
|
}
|
|
});
|
</script>
|
</body>
|
</html>
|
