289 lines
14 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>
2021-01-12 00:28:44 +08:00
<div class="layui-form layuimini-form" lay-filter="addGalleryFiles">
<div class="layui-form-item">
<label class="layui-form-label required">图库类型</label>
<div class="layui-input-inline">
<select name="galleryType" id="galleryType" required disabled lay-verify="required"
lay-filter="galleryType">
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label required">图号类型</label>
<div class="layui-form layui-input-inline">
<select name="fileType" id="fileType" required lay-verify="required" lay-filter="fileType">
</select>
</div>
</div>
<div class="layui-form-item" id="productType_div" hidden>
<label class="layui-form-label required">产品代号</label>
<div class="layui-form layui-input-inline">
<select name="productType" id="productType" required lay-verify="required" lay-filter="productType">
</select>
</div>
</div>
<div class="layui-form-item" id="bywordType_div" hidden>
<label class="layui-form-label required">特征代号</label>
<div class="layui-form layui-input-inline">
<select name="bywordType" id="bywordType" required lay-verify="required" lay-filter="fileType">
</select>
</div>
</div>
<div class="layui-form-item" id="orderNum_div" hidden>
<label class="layui-form-label required">顺序号</label>
<div class="layui-input-block">
<input type="text" name="orderNum" id="orderNum" required lay-verify="required" lay-reqtext="顺序号不能为空"
placeholder="请输入顺序号" value="" class="layui-input">
</div>
</div>
<div class="layui-form-item" id="supNum_div" hidden>
<label class="layui-form-label required">辅助序号</label>
<div class="layui-input-block">
<input type="text" name="supNum" id="supNum" required lay-verify="required" lay-reqtext="辅助序号不能为空"
placeholder="请输入辅助序号" value="" class="layui-input">
</div>
</div>
2021-01-11 01:15:57 +08:00
<div class="layui-form-item">
<label class="layui-form-label required">图纸编号</label>
<div class="layui-input-block">
2021-01-12 00:28:44 +08:00
<input type="text" name="fileNum" id="fileNum" 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">
2021-01-12 00:28:44 +08:00
<input type="text" name="fileName" required 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">
<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.$;
2021-01-12 00:28:44 +08:00
//给下拉框赋值 图库类型
$.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");//重新渲染 固定写法
var thisGalleryNum = layui.sessionData('thisGalleryInformation').data.thisGalleryNum;
$("#galleryType").val(thisGalleryNum);
},
error: function () {
/*错误信息处理*/
layer.msg("获取图库类型失败,请重试!");
return false;
},
});
//给下拉框赋值 图号类型
$.ajax({
url: '../../../jsondata/FileType.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>';// 下拉菜单里添加元素
//$('#fileType').append(new Option(item.name, item.id));// 下拉菜单里添加元素,加载速度相对较慢
});
$('#fileType').html(src);
form.render("select");//重新渲染 固定写法
},
error: function () {
/*错误信息处理*/
layer.msg("获取图号类型失败,请重试!");
return false;
},
});
//给下拉框赋值 产品类型
$.ajax({
url: '../../../jsondata/ProductType.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>';// 下拉菜单里添加元素
//$('#productType').append(new Option(item.name, item.id));// 下拉菜单里添加元素,加载速度相对较慢
});
$('#productType').html(src);
form.render("select");//重新渲染 固定写法
},
error: function () {
/*错误信息处理*/
layer.msg("获取产品类型失败,请重试!");
return false;
},
});
//赋值
//加载时赋值
var thisGalleryID = layui.sessionData('thisGalleryInformation').data.thisGalleryID;
var thisGalleryNum = layui.sessionData('thisGalleryInformation').data.thisGalleryNum;
form.val("addGalleryFiles", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
"fileNum": thisGalleryNum,// "name": "value"
});
//下拉框监听 图库类型
form.on('select(fileType)', function (data) {
if (data.value != '') {
if (data.value == 1 || data.value == 2) {
$('#productType_div').show();
$('#orderNum_div').show();
$('#supNum_div').show();
}
else if (data.value == 3 || data.value == 4 || data.value == 5) {
$('#productType_div').show();
$('#bywordType_div').show();
$('#orderNum_div').show();
$('#supNum_div').show();
}
// 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) + 1;
// var galleryNum = data.value + count + "";
// form.val("addGalleryInformation", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
// "galleryNum": galleryNum,// "name": "value"
// });
// }
// else {
// layer.msg("获取所选图库类型的已有数量无效,请检查!");
// return false;
// }
// },
// error: function () {
// /*错误信息处理*/
// layer.msg("获取所选图库类型的数量失败,请重试!");
// return false;
// },
// });
}
else {
$('#productType_div').hide();
$('#bywordType_div').hide();
$('#orderNum_div').hide();
$('#supNum').hide();
}
});
2021-01-11 01:15:57 +08:00
//监听提交
form.on('submit(saveBtn)', function (data) {
layer.confirm('确认保存吗?', function () {
var apiUrl = GetWebApiUrl();
var CurrUserInfo = layui.sessionData('CurrUserInfo');
var fileNum = data.field.fileNum;
if (fileNum.length == 1) {
fileNum = '0' + fileNum;
}
$.ajax({
url: apiUrl + "/api/services/app/GalleryFiles/CreateGalleryFiles", //请求的url地址
dataType: "json", //返回格式为json
//async: false,//请求是否异步默认为异步这也是ajax重要特性
contentType: 'application/json',
data: JSON.stringify({
fileNum: fileNum,
fileName: data.field.fileName,
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;
});
return false;
});
});
</script>
</body>
</html>