zhangyi
/
ceshi


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221
							<%--
  Created by IntelliJ IDEA.
  User: user
  Date: 2019/8/19
  Time: 13:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<link rel="stylesheet" href="${ctxp}/static/plugin/assets/layui/css/layui.css">
<link rel="stylesheet" href="${ctxp}/static/plugin/assets/common.css"/>
<link rel="stylesheet" href="${ctxp}/static/plugin/assets/vermeit.css">
<script type="text/javascript" src="${ctxp}/static/plugin/assets/jquery-3.2.1.min.js"></script>
<script src="${ctxp}/static/plugin/assets/layui/layui.js"></script>
<html>
<head>
    <meta http-equiv="Content-Type" content="multipart/form-data;charset=utf-8" />
    <title>添加工程</title>
    <style>
        .layui-input{
            height: 28px;
            margin-top: 6px;
        }
        /*.layui-input{*/
            /*height: 28px;*/
            /*margin-top: 5px;*/
            /*width: 260px;*/
        /*}*/
        .input-meself-time{
            font-size: 13px;
            width: 140px;
        }
        .btn_out{
            width: 100px;
            margin: 0;
            float: right;
            margin-right:2%;
        }
        .div_main_form{
            width: 50%;
            margin-left: 10px;
        }
        .layui-icon-layer{
            display: none;
        }
        .layui-icon-file{
            display: none;
        }
        .layui-table-view .layui-table {width:100%}
        .myselect{
            border: none;
            padding: 5px 7px;
            min-height: 20px;
        }
        .mydiv1{
            padding: 5px 7px;
            min-height: 20px;
        }
    </style>
</head>
<body>
<div style="padding: 10px; background-color: #F2F2F2;">
    <div class="layui-main-bgc">
        <%--<sys:message content="${message}"/>--%>
        <form enctype="multipart/form-data" action="${ctx}/project/tem/import">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header layui-card-header-add">工程管理</div>
                        <div class="layui-card-body" style="margin-top: 2px;">
                            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                                <legend style="font-size: 15px;">选择工程</legend>
                            </fieldset>
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label" >*工程名称</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="myinput" class="layui-input">
                                    </div>
                                </div>
                            </div>
                            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                                <legend style="font-size: 15px;">选择项目</legend>
                            </fieldset>
                            <div class="layui-upload">
                                <button type="button" class="layui-btn layui-btn-normal" id="testList">选择文件</button>
                                <div class="layui-upload-list">
                                    <table class="layui-table" id="mytable">
                                        <thead>
                                        <tr>
                                            <th hidden>文件</th>
                                            <th>文件名</th>
                                            <th>项目名称</th>
                                            <th>项目类型</th>
                                            <th>操作</th>
                                        </tr></thead>
                                        <tbody id="demoList"></tbody>
                                    </table>
                                </div>

                            </div>
                            <%--<button type="button" class="layui-btn" onclick="okSubmit()">确定</button>--%>
                            <input type="submit"class="layui-btn">
                </div>
            </div>

        </div>
    </div>
        </form>
</body>
<script>
    // var files;
    layui.use(['upload','form'],function(){
        var $ = layui.jquery
            ,form = layui.form
            ,upload = layui.upload;
        //多文件列表示例
        var demoListView = $('#demoList')
            ,uploadListIns = upload.render({
            elem: '#testList'
            // ,url: '/sddd'
            ,accept: 'file'
            ,multiple: true
            ,auto: false
            ,choose: function(obj){
                var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                //读取本地文件
                obj.preview(function(index, file, result){
                    var tr = $(['<tr id="upload-'+ index +'">'
                        ,'<td style="display: none" ">'+file+'</td>'
                        ,'<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>'
                        ,'<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-delete').on('click', function(){
                        delete files[index]; //删除对应的文件
                        tr.remove();
                        uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
                    });

                    demoListView.append(tr);
                });
            }
        });

    });
</script>
<script>
    function okSubmit() {
        var inputval = $("#myinput").val();

        var div1 =  document.getElementsByClassName("mydiv1");
        var divvalue=[];
        for (var i = 0; i < div1.length; i++) {
            divvalue[i]=div1[i].innerHTML;
        }

        var select1=document.getElementsByClassName("myselect");
        var selectval=[];
        for (var i = 0; i < select1.length; i++) {
            selectval[i]=select1[i].value;
        }


        var array = [];
        $("#mytable tr").each(function () {
            var text = $(this).children("td:first-child").text();
            if(text != null){
                array.push(text);
            }
        })
        array.splice(0,1);
        /*
            1/工程名称inputval
            /文件名称array
            2/项目名称divvalue
            3/项目类型selectval
         */
        $.ajax({
            type: "post",
            url: "${ctx}/project/tem/import",
            data: {
                "projectName": inputval,
                "flie":array,
                "itemNames":divvalue,
                // "itemNames":array1,
                "types":selectval
            },
            dataType : 'json',
            // async: false,
            success: function (res) {

            }
        })
    }
</script>
<%--<script>--%>
    <%--function AutoContent(type) {--%>
        <%--if (type=="in"){--%>
            <%--var input2val = $("#myinput").val();--%>
            <%--if (input2val=="请输入项目名称"){--%>
                <%--$("#myinput").html("");--%>
            <%--}--%>
        <%--}--%>
        <%--if (type=="out"){--%>
            <%--var input2val = $("#myinput").val();--%>
            <%--if (input2val==""){--%>
                <%--$("#myinput").html("请输入项目名称");--%>
            <%--}--%>
        <%--}--%>
    <%--}--%>
<%--</script>--%>
</html>