|
@@ -83,12 +83,12 @@
|
|
<legend style="font-size: 15px;">选择项目</legend>
|
|
<legend style="font-size: 15px;">选择项目</legend>
|
|
</fieldset>
|
|
</fieldset>
|
|
<div class="layui-upload">
|
|
<div class="layui-upload">
|
|
- <button type="button" class="layui-btn layui-btn-normal" onclick="add()">添加文件</button>
|
|
|
|
|
|
+ <button type="button" class="layui-btn layui-btn-normal" id="testList">添加文件</button>
|
|
<div class="layui-upload-list">
|
|
<div class="layui-upload-list">
|
|
- <form id="myform" action="${ctx}/project/tem/import" method="post" enctype="multipart/form-data">
|
|
|
|
- <input type="text" name="projectName" value="" style="display: none" id="id1">
|
|
|
|
- <input type="text" name="itemNames" value="" style="display: none" id="id2">
|
|
|
|
- <input type="text" name="itemTypes" value="" style="display: none" id="id3">
|
|
|
|
|
|
+ <%--<form id="myform" action="${ctx}/project/tem/import" method="post" enctype="multipart/form-data">--%>
|
|
|
|
+ <%--<input type="text" name="projectName" value="" style="display: none" id="id1">--%>
|
|
|
|
+ <%--<input type="text" name="itemNames" value="" style="display: none" id="id2">--%>
|
|
|
|
+ <%--<input type="text" name="itemTypes" value="" style="display: none" id="id3">--%>
|
|
<table class="layui-table" id="mytable">
|
|
<table class="layui-table" id="mytable">
|
|
<thead>
|
|
<thead>
|
|
<tr>
|
|
<tr>
|
|
@@ -102,55 +102,133 @@
|
|
</tbody>
|
|
</tbody>
|
|
</table>
|
|
</table>
|
|
<button type="button" class="layui-btn" onclick="okSubmit()">确定</button>
|
|
<button type="button" class="layui-btn" onclick="okSubmit()">确定</button>
|
|
- </form>
|
|
|
|
|
|
+ <%--</form>--%>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</body>
|
|
|
|
+<%--<script>--%>
|
|
|
|
+ <%--function add() {--%>
|
|
|
|
+ <%--var tr = $(['<tr>'--%>
|
|
|
|
+ <%--,'<td><input type="file" name="file"></td>'--%>
|
|
|
|
+ <%--,'<td><div contenteditable="true" class="mydiv1">请输入项目名称</div></td>'--%>
|
|
|
|
+ <%--,'<td>'--%>
|
|
|
|
+ <%--,' <select name="type" class="myselect"><option value="">请选择项目类型(必选)</option><option value="1">架空线路工程</option><option value="2">电缆工程</option></select>'--%>
|
|
|
|
+ <%--,'</td>'--%>
|
|
|
|
+ <%--,'<td>'--%>
|
|
|
|
+ <%--,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'--%>
|
|
|
|
+ <%--,'</td>'--%>
|
|
|
|
+ <%--,'</tr>'].join(''));--%>
|
|
|
|
+ <%--$("#demoList").append(tr);--%>
|
|
|
|
+ <%--}--%>
|
|
|
|
+<%--</script>--%>
|
|
|
|
+
|
|
<script>
|
|
<script>
|
|
- function add() {
|
|
|
|
- var tr = $(['<tr>'
|
|
|
|
- ,'<td><input type="file" name="file"></td>'
|
|
|
|
- ,'<td><div contenteditable="true" class="mydiv1">请输入项目名称</div></td>'
|
|
|
|
- ,'<td>'
|
|
|
|
- ,' <select name="type" class="myselect"><option value="">请选择项目类型(必选)</option><option value="1">架空线路工程</option><option value="2">电缆工程</option></select>'
|
|
|
|
- ,'</td>'
|
|
|
|
- ,'<td>'
|
|
|
|
- ,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete" onclick="delete()">删除</button>'
|
|
|
|
- ,'</td>'
|
|
|
|
- ,'</tr>'].join(''));
|
|
|
|
- $("#demoList").append(tr);
|
|
|
|
- }
|
|
|
|
-</script>
|
|
|
|
-<script>
|
|
|
|
|
|
+ var formdata = new FormData();
|
|
|
|
+ layui.use('upload', function(){
|
|
|
|
+ var $ = layui.jquery
|
|
|
|
+ ,upload = layui.upload;
|
|
|
|
+ //多文件列表示例
|
|
|
|
+ var demoListView = $('#demoList')
|
|
|
|
+ ,uploadListIns = upload.render({
|
|
|
|
+ elem: '#testList'
|
|
|
|
+ // ,url: '/upload/'
|
|
|
|
+ ,accept: 'file'
|
|
|
|
+ ,multiple: true
|
|
|
|
+ ,auto: false
|
|
|
|
+ // ,bindAction: '#testListAction'
|
|
|
|
+ ,choose: function(obj){
|
|
|
|
+ var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
|
|
|
|
+ //读取本地文件
|
|
|
|
+ obj.preview(function(index, file, result){
|
|
|
|
+ formdata.append("file",file);
|
|
|
|
+ var tr = $(['<tr id="upload-'+ index +'">'
|
|
|
|
+ ,'<td>'+ file.name +'</td>'
|
|
|
|
+ ,'<td><div contenteditable="true" class="mydiv1">请输入项目名称</div></td>'
|
|
|
|
+ ,'<td>'
|
|
|
|
+ ,' <select name="type" class="myselect"><option value="">请选择项目类型(必选)</option><option value="1">架空线路工程</option><option value="2">电缆工程</option></select>'
|
|
|
|
+ ,'<td>'
|
|
|
|
+ // ,'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
|
|
|
|
+ ,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
|
|
|
|
+ ,'</td>'
|
|
|
|
+ ,'</tr>'].join(''));
|
|
|
|
+
|
|
|
|
+ //单个重传
|
|
|
|
+ tr.find('.demo-reload').on('click', function(){
|
|
|
|
+ obj.upload(index, file);
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ //删除
|
|
|
|
+ tr.find('.demo-delete').on('click', function(){
|
|
|
|
+ delete files[index]; //删除对应的文件
|
|
|
|
+ tr.remove();
|
|
|
|
+ uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值,以免删除后出现同名文件不可选
|
|
|
|
+ });
|
|
|
|
+
|
|
|
|
+ demoListView.append(tr);
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ ,done: function(res, index, upload){
|
|
|
|
+ if(res.code == 0){ //上传成功
|
|
|
|
+ var tr = demoListView.find('tr#upload-'+ index)
|
|
|
|
+ ,tds = tr.children();
|
|
|
|
+ tds.eq(2).html('<span style="color: #5FB878;">上传成功</span>');
|
|
|
|
+ tds.eq(3).html(''); //清空操作
|
|
|
|
+ return delete this.files[index]; //删除文件队列已经上传成功的文件
|
|
|
|
+ }
|
|
|
|
+ this.error(index, upload);
|
|
|
|
+ }
|
|
|
|
+ ,error: function(index, upload){
|
|
|
|
+ var tr = demoListView.find('tr#upload-'+ index)
|
|
|
|
+ ,tds = tr.children();
|
|
|
|
+ tds.eq(2).html('<span style="color: #FF5722;">上传失败</span>');
|
|
|
|
+ tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ });
|
|
function okSubmit() {
|
|
function okSubmit() {
|
|
var inputval = $("#myinput").val();
|
|
var inputval = $("#myinput").val();
|
|
- $("#id1").val(inputval);
|
|
|
|
|
|
+ // $("#id1").val(inputval);
|
|
|
|
+ formdata.append("projectName",inputval);
|
|
|
|
|
|
var div1 = document.getElementsByClassName("mydiv1");
|
|
var div1 = document.getElementsByClassName("mydiv1");
|
|
var divvalue=[];
|
|
var divvalue=[];
|
|
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;
|
|
}
|
|
}
|
|
- var dJson = JSON.stringify(divvalue);
|
|
|
|
- $("#id2").val(divvalue);
|
|
|
|
|
|
+ formdata.append("itemNames",divvalue);
|
|
|
|
+ // $("#id2").val(divvalue);
|
|
|
|
|
|
var select1=document.getElementsByClassName("myselect");
|
|
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;
|
|
}
|
|
}
|
|
- var selectJson = JSON.stringify(selectval);
|
|
|
|
- $("#id3").val(selectval);
|
|
|
|
- $("#myform").submit();
|
|
|
|
|
|
+ // var selectJson = JSON.stringify(selectval);
|
|
|
|
+ // $("#id3").val(selectval);
|
|
|
|
+ formdata.append("itemTypes",selectval);
|
|
|
|
+
|
|
|
|
+ $.ajax({
|
|
|
|
+ url: "${ctx}/project/tem/import",
|
|
|
|
+ type: "POST",
|
|
|
|
+ data: formdata,
|
|
|
|
+ traditional: true,
|
|
|
|
+ cache: false, // 不缓存数据
|
|
|
|
+ processData: false, // 不处理数据
|
|
|
|
+ contentType: false, // 不设置内容类型
|
|
|
|
+ success:function (data) {
|
|
|
|
+ if(data.code == 1){
|
|
|
|
+ layer.msg(data.msg);
|
|
|
|
+ window.location.href="${ctx}/project/tem/list?projectId="+data.id;
|
|
|
|
+ }else {
|
|
|
|
+ lay.msg(data.msg);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ });
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
</html>
|
|
</html>
|