puti
/
snd-escloud


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
							<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{admin/common/common}">
<head>
    <title>新增退二优二</title>
    <style>
        .childTit{
            font-size:14px;
            color:#333;
            padding:8px 5px;
            /*margin: 15px 0;*/
            border-left: 3px solid #409EFF;
            background: rgba(240,240,240,0.9);
            text-align: left;
        }
        .line {
            display: block;
            text-align: left;
            background-color: #fff;
            color: #333;
            border-bottom: 1px solid #0a6999;
            border-color: #fff;
            border-bottom: 1px solid #0a6999;
            margin-top: 10px;
            vertical-align: middle;
            padding: 4px 12px;
            height: 31px;
            line-height: 31px;
            font-size: 14px;
            font-weight: bold;
        }

    </style>
</head>

<body layout:fragment="content">
<article class="page-container">
    <form class="form form-horizontal" id="form-add">
        <!--<div class="row cl">-->
            <!--<h2 class="childTit" style="margin-bottom: 15px">基本信息</h2>-->
        <!--</div>-->
        <div class="line">基本信息</div>
        <div class="row cl">
            <div class="col-xs-6 col-sm-6">
                <label class="form-label col-xs-2 col-sm-2">板块：</label>
                <div class="formControls col-xs-8 col-sm-8">
                    <input type="test" class="input-text" name = "plateName" th:value="${plateName}" readonly/>
                </div>
            </div>
            <div class="col-xs-6 col-sm-6">
                <label class="form-label col-xs-3 col-sm-3">上传用户：</label>
                <div class="formControls col-xs-9 col-sm-9">
                    <input type="test" class="input-text" name = "userNsme" th:value="${userName}" readonly/>
                </div>
            </div>
        </div>

        <!--<div class="row cl">-->
            <!--<h2 class="childTit">文件资料</h2>-->
        <!--</div>-->
        <div class="line">文件资料</div>
        <div class="row cl">
            <div class="col-xs-6 col-sm-6">
                <label class="form-label col-xs-2 col-sm-2">类型：</label>
                <select class=" col-xs-8 col-sm-8" th:name="type" id="type" onChange="changeType()" style="height: 30px;">
                    <option value="">-- 请选择类型 --</option>
                    <option th:value="1" th:text="每年度初上报材料"></option>
                    <option th:value="2" th:text="季度进展情况"></option>
                    <option th:value="3" th:text="项目完成上报材料"></option>
                    <option th:value="4" th:text="需提交会办材料"></option>
                </select>
            </div>
        </div>
        <div class="row cl" id="template">
            <table class="table table-border table-bordered table-bg table-hover" style="margin-top: 15px">
                <thead>
                <tr class="text-c">
                    <th>编号</th>
                    <th>模版</th>
                    <th>上传材料</th>
                </tr>
                </thead>
                <tbody>
                <tr class="text-c" >
                </tr>
                </tbody>
            </table>
        </div>
        <div class="row cl">
            <div class="col-xs-12 col-sm-9 col-xs-offset-5 col-sm-offset-5">
                <a class="btn btn-primary radius"  onclick="save()">&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
                <button onClick="removeIframe();" class="btn btn-default radius" type="button">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>

    </form>
</article>


<script type="text/javascript" th:src="@{/js/common/page.js}"></script>
<script th:inline="javascript">

    var fileUrl = [[${fileUrl}]];

    function changeType(){
        $.ajax({
            url :pagePath+"/retreatOpt/getTemplateFile",
            type : "get",
            data : {
                'type': $("#type").val()
            },
            dataType : "json",
            success: function (result) {
                if (result.success) {
                    var templates = result.obj;
                    if(templates.length>0){
                        $("#template").find("tbody tr").remove();

                        for(var i=0;i< templates.length;i++){
                            var file = templates[i].fileDown;
                            var tr = '<tr class="text-c" >';
                            //编号
                            tr +='<td class="index" > '+(i+1)+' </td>';
                            //模板
                            tr += '<td class ="templateFile">'
                            if(file && file.file_url){
                                url = fileUrl + file.file_url;
                                tr += '<a href="'+url+'" target="_blank">'+file.file_name+'</a>';
                            }else{
                                tr += '<span>'+templates[i].item_name+'</span>';
                            }
                            tr += '</td>';
                            //上传文件
                            tr += '<td id="materials">';
                            tr += '<input class="uploadFileTemplateId" type="hidden" name="materials['+i+'].id" value="'+templates[i].id+'"/>';
                            tr += '<input class="uploadFileName input-text" name="uploadFileName" readonly="readonly" type="text" onclick="javascript:addFile(\'添加文件\',\'/retreatOpt/addFile/1/'+templates[i].id+'\',\'800\',\'350\');"/>';
                            tr += '<input class="uploadFileId" type="hidden" name="materials['+i+'].fileDown.file_id" />';
                            tr += '</td>';
                            $("#template").find("tbody").append(tr);
                        }
                    }else{
                        $("#template").find("tbody tr").remove();
                    }
                } else {
                    errorMessage(result.message);
                }
            },
            error: function () {
                errorMessage('系统错误!');
            }
        });
    }

    //添加文件
    function addFile(title, url, w, h) {
        layer_show(title, pagePath + url, w, h);
    }

    function save(){
        var validateFile = true;
        $("#materials").find(".uploadFileName").each(function(){
            if($(this).val()===""){
                console.log("type ="+ $(this).val());
                errorMessage('请上传所有材料!');
                validateFile = false;
            }
        });
        if($("#type").val() === ""){
            errorMessage('请选择类型!');
            validateFile = false;
        }
        if (validateFile){
            $("#form-add").ajaxSubmit({
                type: 'post',
                url: pagePath + "/retreatOpt/save",
                dataType: "json",
                success: function (data) {
                    if (data.success) {
                        succeedMessage(data.message);
                        console.log(data.message)
                        setTimeClose();
                        // window.location.href =pagePath + "/retreatOpt/index";
                    } else {
                        errorMessage(data.message);
                    }
                },
                error: function () {
                    errorMessage('系统错误!');
                }
            });
        }
    }

    /**
     * 取消
     */
    function removeIframe(){
        var index = parent.layer.getFrameIndex(window.name);
        parent.layer.close(index);
    }


</script>
</body>
</html>