|
@@ -1,11 +1,13 @@
|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
<script type="text/javascript">
|
|
<script type="text/javascript">
|
|
-var arrayFile=[];
|
|
|
|
-layui.use('upload', function(){
|
|
|
|
- var $ = layui.jquery
|
|
|
|
|
|
+ /*//定义存放文件数组*/
|
|
|
|
+ var arrayFile=[];
|
|
|
|
+ /*加载layui文件上传*/
|
|
|
|
+ layui.use('upload', function(){
|
|
|
|
+ var $ = layui.jquery
|
|
,upload = layui.upload;
|
|
,upload = layui.upload;
|
|
- //多文件列表示例
|
|
|
|
- var tbodyListView = $('#tbody_List')
|
|
|
|
|
|
+ //多文件列表示例
|
|
|
|
+ var tbodyListView = $('#tbody_List')
|
|
,uploadListIns = upload.render({
|
|
,uploadListIns = upload.render({
|
|
elem: '#add_List'
|
|
elem: '#add_List'
|
|
,accept: 'file'
|
|
,accept: 'file'
|
|
@@ -16,8 +18,11 @@ layui.use('upload', function(){
|
|
// var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
|
// var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
|
//读取本地文件
|
|
//读取本地文件
|
|
obj.preview(function(index, file, result){
|
|
obj.preview(function(index, file, result){
|
|
|
|
+ //添加 id 到数组
|
|
arrayFile.push(index);
|
|
arrayFile.push(index);
|
|
|
|
+ //添加文件到数组
|
|
arrayFile.push(file);
|
|
arrayFile.push(file);
|
|
|
|
+ //拼接生成表格
|
|
var tr = $(['<tr id='+index+'>'
|
|
var tr = $(['<tr id='+index+'>'
|
|
,'<td hidden><div class="td_id">'+index+'</div></td>'
|
|
,'<td hidden><div class="td_id">'+index+'</div></td>'
|
|
,'<td><div contenteditable="true" class="mydiv1 mydiv" placeholder="请输入项目名称">'+file.name.split(".")[0]+'</div></td>'
|
|
,'<td><div contenteditable="true" class="mydiv1 mydiv" placeholder="请输入项目名称">'+file.name.split(".")[0]+'</div></td>'
|
|
@@ -32,39 +37,56 @@ layui.use('upload', function(){
|
|
//删除
|
|
//删除
|
|
tr.find('.demo-delete').on('click', function(){
|
|
tr.find('.demo-delete').on('click', function(){
|
|
// delete files[index]; //删除对应的文件
|
|
// delete files[index]; //删除对应的文件
|
|
- tr.remove();
|
|
|
|
|
|
+ tr.remove();//删除tr
|
|
|
|
+ //清空input file当中已经存在文件
|
|
uploadListIns.config.elem.next()[0].value = '';
|
|
uploadListIns.config.elem.next()[0].value = '';
|
|
});
|
|
});
|
|
|
|
|
|
tbodyListView.append(tr);
|
|
tbodyListView.append(tr);
|
|
|
|
+ //清空input file当中已经存在文件
|
|
uploadListIns.config.elem.next()[0].value = '';
|
|
uploadListIns.config.elem.next()[0].value = '';
|
|
});
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
});
|
|
});
|
|
|
|
+/*获取表单中数据 提交后台处理*/
|
|
function okSubmit() {
|
|
function okSubmit() {
|
|
//获取表单对象
|
|
//获取表单对象
|
|
var formdata = new FormData();
|
|
var formdata = new FormData();
|
|
-
|
|
|
|
|
|
+ //获取工程input框的值
|
|
var inputval = $("#myinput").val();
|
|
var inputval = $("#myinput").val();
|
|
|
|
+ //判断工程的值是否存在
|
|
if(inputval==null||inputval==""){
|
|
if(inputval==null||inputval==""){
|
|
layer.msg("请输入工程名称",{icon: 3,offset:['40%','40%']});
|
|
layer.msg("请输入工程名称",{icon: 3,offset:['40%','40%']});
|
|
return false;
|
|
return false;
|
|
}
|
|
}
|
|
- formdata.append("projectName",inputval);
|
|
|
|
|
|
+ formdata.set("projectName",inputval); //添加工程名称到表单中
|
|
|
|
|
|
//获取输入的项目名称
|
|
//获取输入的项目名称
|
|
var div1 = document.getElementsByClassName("mydiv1");
|
|
var div1 = document.getElementsByClassName("mydiv1");
|
|
|
|
+ //获取项目类型
|
|
|
|
+ var select1=document.getElementsByClassName("myselect");
|
|
|
|
+ //判断列表中项目名称是否为空
|
|
|
|
+ if (div1.length<=0){
|
|
|
|
+ layer.msg("请输入项目名称",{icon: 3,offset:['40%','40%']});
|
|
|
|
+ return false;
|
|
|
|
+ }
|
|
|
|
+ //判断项目类型是否存在
|
|
|
|
+ if (select1.length<=0){
|
|
|
|
+ layer.msg("请选择项目名称",{icon: 3,offset:['40%','40%']});
|
|
|
|
+ return false;
|
|
|
|
+ }
|
|
|
|
+ //存储列表中 输入项目名称的值
|
|
var divvalue=[];
|
|
var divvalue=[];
|
|
|
|
+ //存储列表中 输入项目名称的值
|
|
var div_val=[];
|
|
var div_val=[];
|
|
|
|
+ //循环获取当前项目列表的项目名称
|
|
for (var i = 0; i < div1.length; i++) {
|
|
for (var i = 0; i < div1.length; i++) {
|
|
|
|
+ //存放到集合当中
|
|
divvalue[i]=div1[i].innerHTML;
|
|
divvalue[i]=div1[i].innerHTML;
|
|
div_val[i]=div1[i].innerHTML;
|
|
div_val[i]=div1[i].innerHTML;
|
|
}
|
|
}
|
|
- if (divvalue.length<=0){
|
|
|
|
- layer.msg("请输入项目名称",{icon: 3,offset:['40%','40%']});
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
|
|
+ //判断项目名称是否重复
|
|
for (var i = 0; i < divvalue.length; i++) {
|
|
for (var i = 0; i < divvalue.length; i++) {
|
|
if (divvalue[i]=="请输入项目名称"){
|
|
if (divvalue[i]=="请输入项目名称"){
|
|
layer.msg("请输入项目名称",{icon: 3,offset:['40%','40%']});
|
|
layer.msg("请输入项目名称",{icon: 3,offset:['40%','40%']});
|
|
@@ -75,59 +97,71 @@ function okSubmit() {
|
|
throw SyntaxError;
|
|
throw SyntaxError;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- formdata.append("itemNames",divvalue);
|
|
|
|
|
|
+ // 添加项目名称到表单当中
|
|
|
|
+ formdata.set("itemNames",divvalue); //
|
|
|
|
+
|
|
// 获取表格项目类型
|
|
// 获取表格项目类型
|
|
- var select1=document.getElementsByClassName("myselect");
|
|
|
|
var selectval=[];
|
|
var selectval=[];
|
|
|
|
+ //项目类型赋值给数组
|
|
for (var i = 0; i < select1.length; i++) {
|
|
for (var i = 0; i < select1.length; i++) {
|
|
selectval[i]=select1[i].value;
|
|
selectval[i]=select1[i].value;
|
|
}
|
|
}
|
|
- if (selectval.length<=0){
|
|
|
|
- layer.msg("请输入项目名称",{icon: 3,offset:['40%','40%']});
|
|
|
|
- return false;
|
|
|
|
- }
|
|
|
|
|
|
+ //判断项目类型是否存在
|
|
for (var i = 0; i < selectval.length; i++) {
|
|
for (var i = 0; i < selectval.length; i++) {
|
|
if (selectval[i]==""||selectval[i]==null){
|
|
if (selectval[i]==""||selectval[i]==null){
|
|
layer.msg("请选择项目类型",{icon: 3,offset:['40%','40%']});
|
|
layer.msg("请选择项目类型",{icon: 3,offset:['40%','40%']});
|
|
throw SyntaxError;
|
|
throw SyntaxError;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- formdata.append("itemTypes",selectval);
|
|
|
|
-
|
|
|
|
|
|
+ //添加项目类型到表单中
|
|
|
|
+ formdata.set("itemTypes",selectval);
|
|
|
|
+ //判断formdata中是否存在数据
|
|
|
|
+ if(formdata.has("file")){
|
|
|
|
+ //如果存在清空数据
|
|
|
|
+ formdata.delete("file");
|
|
|
|
+ }
|
|
// 获取表格id的值
|
|
// 获取表格id的值
|
|
var td_id=document.getElementsByClassName("td_id");
|
|
var td_id=document.getElementsByClassName("td_id");
|
|
|
|
+ //存放id的数组
|
|
var array_id = [];
|
|
var array_id = [];
|
|
|
|
+ //循环遍历id
|
|
for (var i = 0; i < td_id.length; i++) {
|
|
for (var i = 0; i < td_id.length; i++) {
|
|
array_id[i]=td_id[i].innerHTML;
|
|
array_id[i]=td_id[i].innerHTML;
|
|
}
|
|
}
|
|
|
|
+ //根据id获取对象文件传入后台
|
|
for (var i = 0; i < array_id.length; i++) {
|
|
for (var i = 0; i < array_id.length; i++) {
|
|
for (var j = 0; j < arrayFile.length; j++) {
|
|
for (var j = 0; j < arrayFile.length; j++) {
|
|
if (array_id[i]==arrayFile[j]){
|
|
if (array_id[i]==arrayFile[j]){
|
|
|
|
+ //追加文件到表单当中
|
|
formdata.append("file",arrayFile[j+1]);
|
|
formdata.append("file",arrayFile[j+1]);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- // 获取项目编号
|
|
|
|
- var div2 = document.getElementsByClassName("mydiv2");
|
|
|
|
- var div2value=[];
|
|
|
|
- for (var i = 0; i < div2.length; i++) {
|
|
|
|
- div2value[i]=div2[i].innerHTML;
|
|
|
|
- }
|
|
|
|
- formdata.append("itemNo",div2value);
|
|
|
|
|
|
+ // 获取项目编号
|
|
|
|
+ var div2 = document.getElementsByClassName("mydiv2");
|
|
|
|
+ //存放项目编号数组
|
|
|
|
+ var div2value=[]; //定义存储项目标号类型
|
|
|
|
+ for (var i = 0; i < div2.length; i++) {
|
|
|
|
+ div2value[i]=div2[i].innerHTML;
|
|
|
|
+ }
|
|
|
|
+ //添加到表单当中
|
|
|
|
+ formdata.set("itemNo",div2value);
|
|
|
|
|
|
- // 获取项目编号
|
|
|
|
- var div3 = document.getElementsByClassName("mydiv3");
|
|
|
|
- var div3value=[];
|
|
|
|
- for (var i = 0; i < div3.length; i++) {
|
|
|
|
- div3value[i]=div3[i].innerHTML;
|
|
|
|
- }
|
|
|
|
- formdata.append("units",div3value);
|
|
|
|
|
|
+ // 获取施工单位
|
|
|
|
+ var div3 = document.getElementsByClassName("mydiv3");
|
|
|
|
+ var div3value=[];
|
|
|
|
+ for (var i = 0; i < div3.length; i++) {
|
|
|
|
+ div3value[i]=div3[i].innerHTML;
|
|
|
|
+ }
|
|
|
|
+ //添加到表单当中
|
|
|
|
+ formdata.set("units",div3value);
|
|
//加载提示
|
|
//加载提示
|
|
layer.msg('加载中', {
|
|
layer.msg('加载中', {
|
|
icon: 16
|
|
icon: 16
|
|
,shade: 0.01
|
|
,shade: 0.01
|
|
,offset:['40%','40%']
|
|
,offset:['40%','40%']
|
|
});
|
|
});
|
|
|
|
+ //提交表单内容到后台
|
|
$.ajax({
|
|
$.ajax({
|
|
url: "${ctx}/project/tem/import",
|
|
url: "${ctx}/project/tem/import",
|
|
type: "POST",
|
|
type: "POST",
|
|
@@ -138,12 +172,12 @@ function okSubmit() {
|
|
contentType: false, // 不设置内容类型
|
|
contentType: false, // 不设置内容类型
|
|
success:function (data) {
|
|
success:function (data) {
|
|
if(data.code == 1){
|
|
if(data.code == 1){
|
|
- this.formdata=new FormData();
|
|
|
|
|
|
+ // this.formdata=new FormData();
|
|
layer.msg(data.msg,{icon: 6,offset:['40%','40%']},function(){
|
|
layer.msg(data.msg,{icon: 6,offset:['40%','40%']},function(){
|
|
window.location.href="${ctx}/project/tem/list?projectId="+data.id;
|
|
window.location.href="${ctx}/project/tem/list?projectId="+data.id;
|
|
});
|
|
});
|
|
}else {
|
|
}else {
|
|
- this.formdata=new FormData();
|
|
|
|
|
|
+ // this.formdata=new FormData();
|
|
layer.msg(data.msg,{icon: 5});
|
|
layer.msg(data.msg,{icon: 5});
|
|
}
|
|
}
|
|
}
|
|
}
|