211 lines
9.9 KiB
HTML
211 lines
9.9 KiB
HTML
<!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">
|
||
<input type="text" name="galleryNum" required disabled lay-verify="required" lay-reqtext="图库编号不能为空"
|
||
placeholder="请输入图库编号" value="" class="layui-input">
|
||
</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))) {
|
||
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 + "";
|
||
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) {
|
||
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);
|
||
});
|
||
}
|
||
else if (req.result.code == 2) {
|
||
layer.msg(req.result.msg);
|
||
return false;
|
||
}
|
||
else {
|
||
layer.msg(req.result.msg);
|
||
return false;
|
||
}
|
||
|
||
},
|
||
error: function () {
|
||
/*错误信息处理*/
|
||
layer.msg("保存失败，请重试！");
|
||
return false;
|
||
},
|
||
});
|
||
return false;
|
||
});
|
||
|
||
});
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |