guoxin
/
shandan
Archived
2
0
Fork 0
Code Issues Pull Requests Packages Projects 1 Releases Wiki Activity

1、上传文件自动回填表单属性

Browse Source 
2、添加"保存并继续上传"按钮
master
xiong_cl 5 months ago
parent 33126c9db1
commit 824da0847b
1 changed files with 202 additions and 8 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 210
      shandan-system/src/main/resources/static/js/sys/file/dirUpload.js

210
shandan-system/src/main/resources/static/js/sys/file/dirUpload.js
Unescape View File

@ -14,12 +14,18 @@ let saveResult = {
};
layui.use(['layer', 'uploader', 'element', 'form', 'laydate', 'dict', 'datalabel','jquery'], function () {
let form = layui.form,
laydate = layui.laydate;
laydate = layui.laydate,
datalabel = layui.datalabel;
let param = layui.url().search || {};
var $ = layui.jquery;
//默认展示的数据类型
let lastDataType = 'drill_base';
//是否关闭窗口
var isClose = false;
//移除数据时判断下文件后缀
var suffix = "";
bindDatetimePlugins();
layui.dict.setData('dict-dataType','drill_base')
layui.dict.setData('dict-dataType',lastDataType)
let uploader = layui.uploader.render({
url: `${ctx}/sys/file/upload/chunk`,//上传文件服务器地址，必填
fileCheckUrl: `${ctx}/sys/file/upload/check`,//文件校验地址
@ -28,6 +34,16 @@ layui.use(['layer', 'uploader', 'element', 'form', 'laydate', 'dict', 'datalabel
multiple: true,
dirUpload: param.dirUpload,
getFormData: getFormVal,
filesQueued: function(files){
//上传数据时默认其使用上一次的属性和置标
getDataByExt(files[0].ext);
suffix = files[0].ext;
},
fileDequeued: function(file){
if(file.ext == suffix) {
clearForm();
}
},
uploadFinished: function (ok) {
if (ok) {
saveResult.done = true;
@ -35,16 +51,171 @@ layui.use(['layer', 'uploader', 'element', 'form', 'laydate', 'dict', 'datalabel
//let index = parent.layer.getFrameIndex(window.name);
parent.layer.msg('上传成功');
layerOkCallback && layerOkCallback(saveResult);
closeWindow()
if(isClose){
//关闭窗口
closeWindow();
}else {
//清空表单
clearForm();
}
} else {
layerCancelCallback && layerCancelCallback(saveResult);
showErrorMsg("上传失败");
$('#fileUploadAction').removeClass('layui-disabled').removeAttr('disabled')
$('#fileUploadAndClose').removeClass('layui-disabled').removeAttr('disabled')
}
},
});
function getDataByExt(ext){
if(!!ext){
$.get(`${ctx}/sys/file/upload/file/ext`,{ext: ext}, (res) => {
if(res.flag) {
initForm(res.data)
}
});
}
};
//初始化表单
function initForm(sysFile){
if(sysFile == null){
return;
}
layui.dict.setData('dict-dataType',sysFile.dataType);
if(lastDataType != sysFile.dataType){
$(".item-"+lastDataType).addClass("layui-hide");
lastDataType = sysFile.dataType;
$(".item-"+sysFile.dataType).removeClass("layui-hide");
form.render()
}
//回填信息
//录入人员
if($(".item-"+lastDataType+"-entryStaff")){
$(".item-"+lastDataType+"-entryStaff").find("input[name='entryStaff']").val(sysFile.entryStaff);
}
//文件密级
if($(".item-"+lastDataType+"-secretLevel").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'secretLevel', sysFile.secretLevel + "");
}
//演训数据
if($(".item-"+lastDataType+"-exerciseData").length > 0) {
console.log(sysFile.exerciseData)
$(".item-"+lastDataType+"-exerciseData").find("input[name='exerciseData'][value='" + sysFile.exerciseData + "']").attr("checked", "true");
}
//文件来源
if($(".item-"+lastDataType+"-source").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'source', sysFile.source + "");
}
//目标/靶标类型
if($(".item-"+lastDataType+"-targetNumber").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'targetNumber', sysFile.targetNumber + "");
}
//任务代号
if($(".item-"+lastDataType+"-taskCode").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'taskCode', sysFile.taskCode + "");
}
//任务性质
if($(".item-"+lastDataType+"-taskNature").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'taskNature', sysFile.taskNature + "");
}
//部队代号
if($(".item-"+lastDataType+"-troopCode").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'troopCode', sysFile.troopCode + "");
}
//装备型号
if($(".item-"+lastDataType+"-equipmentModel").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'equipmentModel', sysFile.equipmentModel + "");
}
//导弹编号
if($(".item-"+lastDataType+"-missileNumber").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'missileNumber', sysFile.missileNumber + "");
}
//主题任务
if($(".item-"+lastDataType+"-themeTask").length > 0) {
$(".item-"+lastDataType+"-themeTask").find("input[name='themeTask']").val(sysFile.themeTask)
}
//文件描述
if($(".item-" + lastDataType + "-remark").length > 0) {
$(".item-" + lastDataType + "-remark").find("textarea[name='remark']").val(sysFile.remark)
}
//标签
datalabel.clear();
datalabel.setData(sysFile.labels);
//提示
layer.msg("请按实际情况修改属性和置标！", Object.assign({icon: 1, time: 2000}))
}
//清空表单
function clearForm(){
//文件密级
if($(".item-"+lastDataType+"-secretLevel").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'secretLevel', "@");
}
//演训数据
if($(".item-"+lastDataType+"-exerciseData").length > 0) {
$(".item-"+lastDataType+"-exerciseData").find("input[name='exerciseData']").removeAttr("checked", "true");
}
//文件来源
if($(".item-"+lastDataType+"-source").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'source', "@");
}
//目标/靶标类型
if($(".item-"+lastDataType+"-targetNumber").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'targetNumber', "@");
}
//任务代号
if($(".item-"+lastDataType+"-taskCode").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'taskCode', "@");
}
//任务性质
if($(".item-"+lastDataType+"-taskNature").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'taskNature', "@");
}
//部队代号
if($(".item-"+lastDataType+"-troopCode").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'troopCode', "@");
}
//装备型号
if($(".item-"+lastDataType+"-equipmentModel").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'equipmentModel', "@");
}
//导弹编号
if($(".item-"+lastDataType+"-missileNumber").length > 0) {
layui.dict.setData('dict-' + lastDataType + 'missileNumber', "@");
}
//主题任务
if($(".item-"+lastDataType+"-themeTask").length > 0) {
$(".item-"+lastDataType+"-themeTask").find("input[name='themeTask']").val("")
}
//文件描述
if($(".item-" + lastDataType + "-remark").length > 0) {
$(".item-" + lastDataType + "-remark").find("textarea[name='remark']").val("")
}
//标签
datalabel.clear();
}
//保存并关闭
$('#fileUploadAndClose').on('click', function () {
if(!validForm()){
return false;
}
isClose = true;
$('#fileUploadAndClose').addClass('layui-disabled').attr('disabled', 'true');
uploader.uploadToServer();
});
//保存并继续上传
$('#fileUploadAction').on('click', function () {
if(!validForm()){
return false;
}
isClose = false;
$('#fileUploadAction').addClass('layui-disabled').attr('disabled', 'true');
uploader.uploadToServer();
$('#fileUploadAction').removeClass('layui-disabled').removeAttr('disabled')
});
//校验表单
function validForm(){
let json = getFormVal();
if (!json['secretLevel']) {
showErrorMsg("请选择文件密级");
@ -88,9 +259,8 @@ layui.use(['layer', 'uploader', 'element', 'form', 'laydate', 'dict', 'datalabel
return false;
}
}
$('#fileUploadAction').addClass('layui-disabled').attr('disabled', 'true');
uploader.uploadToServer();
});
return true;
}
if (window.layerCancelCallback) {
$('#cancelBtn').show().on('click', closeWindow);
@ -104,6 +274,19 @@ layui.use(['layer', 'uploader', 'element', 'form', 'laydate', 'dict', 'datalabel
$(".item-"+data.value).removeClass("layui-hide");
form.render()
}
clearForm();
})
//生成编码
$('#createCode').on('click', function () {
let json = getFormVal();
$.post(`${ctx}/sys/file/upload/file/code`, json, function (res) {
if(res.flag){
$('#fileCode').val(res.data);
}else{
showErrorMsg("编码失败！");
}
})
})
function closeWindow() {
@ -118,7 +301,6 @@ layui.use(['layer', 'uploader', 'element', 'form', 'laydate', 'dict', 'datalabel
$('.star-mark').hide();
}
}
form.on('radio(exerciseData)', renderRequiredItem);
setTimeout(renderRequiredItem, 50);
@ -165,6 +347,18 @@ layui.use(['layer', 'uploader', 'element', 'form', 'laydate', 'dict', 'datalabel
formVal.inputDate = formVal.inputDate ? formVal.inputDate + '.000' : '';
// 置标标签数据
formVal.labelStr = JSON.stringify(layui.datalabel.getData(formVal.id, 'file'));
//取文件的发文编号
var fileNums = [];
//文件名称
var eleNames = $("td[data-field='fileName']");
//文件对应发文编号
var eleNums = $(".layui-table tbody").find("input[name='fileNumber']");
for(var i=0; i<eleNames.length;i++){
if(!!eleNums[i].value){
fileNums.push({name: eleNames[i].innerText, number: eleNums[i].value});
}
}
formVal.fileNumbers = JSON.stringify(fileNums);
console.log(formVal)
//数据只能编码
return formVal;