chengqiang
/
sg_finalAcountAuto


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
							<%@ 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>
    <title>添加工程</title>
    <style>
        .layui-input{
            height: 28px;
            margin-top: 6px;
        }
        .layui-table-view .layui-table {width:100%}
        .myselect{
            border: none;
            padding: 5px 7px;
            min-height: 20px;
            color: #666666;
        }
        .mydiv1{
            padding: 5px 7px;
            min-height: 20px;
            border: whitesmoke;
        }
        .layui-btn-mysele{
            width: 70px;
        }
        .mydiv1:empty:before{
            content: attr(placeholder);
            color:#999999;
        }
        .mydiv1:focus:before{content:none}
    </style>
</head>
<body>
<div style="padding: 10px; background-color: #F2F2F2;">
    <div class="layui-main-bgc">
        <%--<sys:message content="${message}"/>--%>
        <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" autocomplete="off" placeholder="" 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 width="35%">文件名</th>
                                            <th width="20%">项目名称</th>
                                            <th width="20%">项目类型</th>
                                            <th width="15%" style="text-align: center">操作</th>
                                        </tr></thead>
                                        <tbody id="demoList">

                                        </tbody>
                                    </table>
                                </div>
                                <div style="margin-top: 20px">
                                <button id="mybtn" type="button" class="layui-btn layui-btn-mysele" onclick="okSubmit()">确定</button>
                                </div>
                            </div>
                </div>
            </div>
        </div>
    </div>

</body>
<script>
    var arrayFile=[];
    layui.use('upload', function(){
        var $ = layui.jquery
            ,upload = layui.upload;
        //多文件列表示例
        var demoListView = $('#demoList')
            ,uploadListIns = upload.render({
            elem: '#testList'
            // ,url: '/upload/'
            ,accept: 'file'
            ,exts:'xls|xlsx'
            ,multiple: true
            ,auto: false
            // ,bindAction: '#testListAction'
            ,choose: function(obj){
               var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
                //读取本地文件
                obj.preview(function(index, file, result){
                    arrayFile.push(index);
                    arrayFile.push(file);
                    var tr = $(['<tr id='+index+'>'
                        ,'<td hidden><div class="td_id">'+index+'</div></td>'
                        ,'<td>'+ file.name +'</td>'
                        ,'<td><div contenteditable="true" class="mydiv1" placeholder="请输入项目名称"></div></td>'
                        ,'<td>'
                        ,' <select name="type" class="myselect"><option value="">请选择项目类型</option><option value="1">架空线路工程</option><option value="2">电缆工程</option></select>'
                        ,'<td style="text-align: center">'
                        ,'<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 = '';
                    });

                    demoListView.append(tr);
                });
            }
        });
    });
    function okSubmit() {
        //获取表单对象
        var formdata = new FormData();

        var inputval = $("#myinput").val();
        if(inputval==null||inputval==""){
            layer.msg("请输入工程名称",{icon: 3});
            return false;
        }
        formdata.append("projectName",inputval);

        //获取输入的项目名称
        var div1 =  document.getElementsByClassName("mydiv1");
        var divvalue=[];
        for (var i = 0; i < div1.length; i++) {
            divvalue[i]=div1[i].innerHTML;
        }
        if (divvalue.length<=0){
            layer.msg("请输入项目名称",{icon: 3});
            return false;
        }
        for (var i = 0; i < divvalue.length; i++) {
            if (divvalue[i]=="请输入项目名称"){
                layer.msg("请输入项目名称",{icon: 3});
                throw SyntaxError;
            }
        }
        formdata.append("itemNames",divvalue);
        // 获取表格项目类型
        var select1=document.getElementsByClassName("myselect");
        var selectval=[];
        for (var i = 0; i < select1.length; i++) {
            selectval[i]=select1[i].value;
        }
        if (selectval.length<=0){
            layer.msg("请输入项目名称",{icon: 3});
            return false;
        }
        for (var i = 0; i < selectval.length; i++) {
            if (selectval[i]==""||selectval[i]==null){
                layer.msg("请选择项目类型",{icon: 3});
                throw SyntaxError;
            }
        }
        formdata.append("itemTypes",selectval);

        // 获取表格id的值
        var td_id=document.getElementsByClassName("td_id");
        var array_id = [];
        for (var i = 0; i < td_id.length; i++) {
            array_id[i]=td_id[i].innerHTML;
        }
        for (var i = 0; i < array_id.length; i++) {
            for (var j = 0; j < arrayFile.length; j++) {
                if (array_id[i]==arrayFile[j]){
                    formdata.append("file",arrayFile[j+1]);
                }
            }
        }
        //加载提示
        layer.msg('加载中', {
            icon: 16
            ,shade: 0.01
        });
            $.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,{icon: 6});
                        window.location.href="${ctx}/project/tem/list?projectId="+data.id;
                    }else {
                        layer.msg(data.msg,{icon: 5});
                    }
                }
            });
    }
</script>
</html>