289 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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="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>
<div class="layui-form-item">
<label class="layui-form-label required">图纸编号</label>
<div class="layui-input-block">
<input type="text" name="fileNum" id="fileNum" 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="fileName" 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");//重新渲染 固定写法
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();
}
});
//监听提交
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>