211 lines
9.9 KiB
HTML
Raw Normal View History

2021-01-11 01:15:57 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>layui</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="../../../lib/layui-v2.5.5/css/layui.css" media="all">
<link rel="stylesheet" href="../../../css/public.css" media="all">
<style>
body {
background-color: #ffffff;
}
</style>
</head>
<body>
<div class="layui-form layuimini-form" lay-filter="addGalleryInformation">
<div class="layui-form-item">
<label class="layui-form-label required">图库类型</label>
<div class="layui-input-inline">
<select name="galleryType" id="galleryType" required lay-verify="required" lay-filter="galleryType">
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">图库编号</label>
<div class="layui-input-block">
2021-01-12 18:54:34 +08:00
<input type="text" name="galleryNum" required disabled lay-verify="required" lay-reqtext="图库编号不能为空"
placeholder="请输入图库编号" value="" class="layui-input">
2021-01-11 01:15:57 +08:00
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">备注信息</label>
<div class="layui-input-block">
<input type="text" name="remark" required lay-verify="required" lay-reqtext="备注信息不能为空"
placeholder="请输入备注信息" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
</div>
</div>
</div>
<script src="../../../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="../../../js/md5/md5.js" charset="utf-8"></script>
<script src="../../../js/PublicParameters/PublicParameters.js" charset="utf-8"></script>
<script>
layui.use(['form'], function () {
var form = layui.form,
layer = layui.layer,
$ = layui.$;
//给下拉框赋值
$.ajax({
url: '../../../jsondata/GalleryType.json', //请求的url地址
dataType: "json", //返回格式为json
//async: false,//请求是否异步默认为异步这也是ajax重要特性
data: {}, //参数值
type: "GET", //请求方式
success: function (req) {
//请求成功时处理
var src = '<option value="">请选择图库类型</option>';
$.each(req.data, function (index, item) {
src += '<option value="' + item.id + '">' + item.name + '</option>';// 下拉菜单里添加元素
//$('#galleryType').append(new Option(item.name, item.id));// 下拉菜单里添加元素,加载速度相对较慢
});
$('#galleryType').html(src);
form.render("select");//重新渲染 固定写法
},
error: function () {
/*错误信息处理*/
layer.msg("获取图库类型失败,请重试!");
return false;
},
});
//下拉框监听 图库类型
form.on('select(galleryType)', function (data) {
if (data.value != '') {
var apiUrl = GetWebApiUrl();
//获取当前选择图库类型的数量
$.ajax({
url: apiUrl + '/api/services/app/GalleryInformation/GetGalleryTypeCount', //请求的url地址
dataType: "json", //返回格式为json
//async: false,//请求是否异步默认为异步这也是ajax重要特性
data: { Type: data.value }, //参数值
type: "GET", //请求方式
success: function (req) {
//请求成功时处理
if (!isNaN(parseInt(req.result.count))) {
2021-01-12 18:54:34 +08:00
var count = parseInt(req.result.count);
var digits = count.toString().split('');
var Num = '';
for (let index = 0; index < digits.length; index++) {
var charact = '';
switch (parseInt(digits[index])) {
case 0:
charact = 'A';
break;
case 1:
charact = 'B';
break;
case 2:
charact = 'C';
break;
case 3:
charact = 'D';
break;
case 4:
charact = 'E';
break;
case 5:
charact = 'F';
break;
case 6:
charact = 'G';
break;
case 7:
charact = 'H';
break;
case 8:
charact = 'I';
break;
case 9:
charact = 'J';
break;
}
Num += charact;
charact = '';
}
var galleryNum = data.value + Num + "";
2021-01-11 01:15:57 +08:00
form.val("addGalleryInformation", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
"galleryNum": galleryNum,// "name": "value"
});
}
else {
layer.msg("获取所选图库类型的已有数量无效,请检查!");
return false;
}
},
error: function () {
/*错误信息处理*/
layer.msg("获取所选图库类型的数量失败,请重试!");
return false;
},
});
}
});
//监听提交
form.on('submit(saveBtn)', function (data) {
2021-01-12 21:48:04 +08:00
layer.confirm('确认保存吗?', function () {
var apiUrl = GetWebApiUrl();
var CurrUserInfo = layui.sessionData('CurrUserInfo');
$.ajax({
url: apiUrl + "/api/services/app/GalleryInformation/CreateGalleryInformation", //请求的url地址
dataType: "json", //返回格式为json
//async: false,//请求是否异步默认为异步这也是ajax重要特性
contentType: 'application/json',
data: JSON.stringify({
galleryNum: data.field.galleryNum,
remark: data.field.remark,
createTime: getDatetime(),
createUserID: CurrUserInfo.data.userid,
createUserName: CurrUserInfo.data.userName,
isDelete: 0
}), //参数值
type: "POST", //请求方式
success: function (req) {
//请求成功时处理
if (req.result.code == 1) {
layer.msg('保存成功', { time: 1000 }, function () {
// 关闭弹出层
var iframeIndex = parent.layer.getFrameIndex(window.name);
// 刷新父页面
window.parent.location.reload();
parent.layer.close(iframeIndex);
2021-01-11 01:15:57 +08:00
});
2021-01-12 21:48:04 +08:00
}
else if (req.result.code == 2) {
layer.msg(req.result.msg);
2021-01-11 01:15:57 +08:00
return false;
2021-01-12 21:48:04 +08:00
}
else {
layer.msg(req.result.msg);
return false;
}
},
error: function () {
/*错误信息处理*/
layer.msg("保存失败,请重试!");
2021-01-11 01:15:57 +08:00
return false;
2021-01-12 21:48:04 +08:00
},
});
return false;
2021-01-11 01:15:57 +08:00
});
});
});
</script>
</body>
</html>