<!DOCTYPE html>
<html lang=zh-cn>
<head>
    <meta charset=utf-8>
    <title>纵横计量支付系统</title>
    <meta name=description content=计量支付>
    <meta name=copyright content=smartcost.com.cn>
    <link rel=stylesheet href={{rootUrl}}global/css/fixedheadertable.css>
    <link rel=stylesheet href="{{rootUrl}}global/css/bootstrap.css">
    <link rel=stylesheet href="{{rootUrl}}global/css/style.css">
    <script src="{{rootUrl}}global/js/jquery-1.9.1.min.js"></script>
    <script src="{{rootUrl}}global/js/bootstrap.js"></script>
    <script src="{{rootUrl}}global/js/jl.js"></script>
    <script src={{rootUrl}}global/js/jquery.fixedheadertable.js></script>
</head>
<body>
<!-- include "top" -->
<div class="wrapContent">
    <!-- include "left" -->
    <div class="mainContainer">
        <!--内容-->
        <div class="mainContent">
            <div class="title clearfix">
                <ul class="nav nav-pills">
                    <li class="dropdown"><a title="返回" href="{{rootUrl}}rproject/{{currproArray.pid}}/section"><span
                            class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
                    <li class="dropdown">
                        <a href="{{rootUrl}}rproject/{{currproArray.pid}}/section" data-toggle="dropdown" class="dropdown-toggle">
                            {{currproArray.pname}}<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- loop allproArray -->
                            <li><a href="{{rootUrl}}rproject/{{allproArray' value.pid}}/section">{{allproArray' value.pname}}</a></li>
                            <!-- endloop -->
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="{{rootUrl}}rproject/{{currproArray.pid}}/section" data-toggle="dropdown"
                           class="dropdown-toggle">
                            {{currconArray.stname}}<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- loop allconArray -->
                            <li><a href="{{rootUrl}}rproject/{{currproArray.pid}}/section">{{allconArray' value.stname}}</a></li>
                            <!-- endloop -->
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="{{rootUrl}}rproject/{{currproArray.pid}}/section" data-toggle="dropdown"
                           class="dropdown-toggle">
                            {{curractmeasureArray.pmname}}<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- loop allactmeasureArray -->
                            <li>
                                <a href="{{rootUrl}}rproject/{{currproArray.pid}}/section/{{allactmeasureArray' value.pmid}}/files">{{allactmeasureArray' value.pmname}}</a></li>
                            <!-- endloop -->
                            <!--				    <li class="divider"></li>
                                                <li><a href="#">共18标段，查看更多</a></li>-->
                        </ul>
                    </li>
                </ul>
            </div>
            <!--导航-->
            <ul class="nav nav-tabs">
                <li>
                    <a href="{{rootUrl}}rproject/{{pid}}/section/{{pmid}}/detail">标段概况</a>
                </li>
                <li class="active"><a href="{{rootUrl}}rproject/{{pid}}/section/{{pmid}}/files">附件</a></li>
                <!-- if {{imediateSwitch}} == 1 --><li><a href="{{rootUrl}}rproject/{{pid}}/section/{{pmid}}/intermediate">中间计量草图</a></li><!-- endif -->
                <!-- if {{mpid}}>0 -->
                <li>
                    <a href="{{rootUrl}}rproject/{{pid}}/section/{{pmid}}/report/{{mpid}}">审批</a>
                </li>
                <!-- endif -->
            </ul>
            <!--导航-->
            <!--筛选工具-->
            <br>
            <div class="clearfix">
                <form class="row">
                    <div class="col-sm-2">
                        <select class="form-control" id="numpname" class="span2">
                            <option value="0">不限期数</option>
                            <!-- loop groupArray -->
                            <option <!-- if {{num}} == {{groupArray' value.numpname}} --> selected <!-- endif -->
                            value="{{groupArray' value.numpname}}">第{{ToChinaseNum(groupArray' value.numpname)}}期
                            </option>
                            <!-- endloop -->
                        </select>
                    </div>
                    <div class="col-sm-2">
                        <select class="form-control" id="uploaduser" class="span2">
                            <option value="0">上传者</option>
                            <!-- loop owneridArray -->
                            <option <!-- if {{userid}} == {{owneridArray' value.ownerid}} --> selected <!-- endif -->
                            value="{{owneridArray' value.ownerid}}">{{owneridArray' value.name}}</option>
                            <!-- endloop -->
                        </select>
                    </div>
                    <a href="/rproject/{{pid}}/section/{{pmid}}/files/recover" class="fR">附件回收站</a>
                </form>
            </div>
            <!--筛选工具-->
            <!--文件管理-->
            <div class="filesWrap">
                <div class="filesList">
                    <table class="table table-striped table-hover">
                        <thead>
                        <tr>
                            <th width="">文件名</th>
                            <th width="">期</th>
                            <!--<th width="">节点</th>-->
                            <th width="">上传者</th>
                            <th width="">上传时间</th>
                            <th width="40">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <!-- loop itemMeasureArray -->
                        <tr id="tr_{{itemMeasureArray' value.imnid}}">
                            <td width=""><span class="fileico ico-jpg"></span><a
                                    fileext="{{itemMeasureArray' value.fileext}}"
                                    imnid="{{itemMeasureArray' value.imnid}}"
                                    iaid="{{itemMeasureArray' value.iaid}}"
                                    filename="{{itemMeasureArray' value.filename}}"
                                    realname="{{itemMeasureArray' value.realname}}"
                                    intime="{{formatDate(itemMeasureArray' value.intime,'Y-m-d')}}"
                                    tips="{{itemMeasureArray' value.tips}}"
                                    href="#"
                                    numpname="第{{ToChinaseNum(itemMeasureArray' value.numpname)}}期"
                                    id="fname_{{itemMeasureArray' value.imnid}}">{{itemMeasureArray' value.filename}}</a></td>
                            <td>第{{ToChinaseNum(itemMeasureArray' value.numpname)}}期</td>
                            <!--<td>{{itemMeasureArray' value.pmname}}</td>-->
                            <td width="">{{itemMeasureArray' value.realname}}</td>
                            <td width="">{{formatDate(itemMeasureArray' value.intime,'Y-m-d')}}</td>
                            <td>
                                <div class="btn-group">
                                    <a imnid="{{itemMeasureArray' value.imnid}}"
                                       id="dropdown_{{itemMeasureArray' value.imnid}}"
                                       class="btn btn-mini dropdown-toggle" data-toggle="dropdown" href="#">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <!--<li><a><i class="icon-eye-open"></i>&nbsp;预览</a></li>-->
                                        <li><a href="#file-edit" data-toggle="modal"><i class="icon-pencil"></i>&nbsp;编辑</a>
                                        </li>
                                        <li><a id="down_{{itemMeasureArray' value.imnid}}" iaid="{{itemMeasureArray' value.iaid}}"><i class="icon-download-alt"></i>&nbsp;下载</a></li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <!-- endloop -->
                        </tbody>
                    </table>
                    <nav aria-label="Page navigation">
                        <ul class="pagination">
                            {{pager}}
                        </ul>
                    </nav>
                </div>
                <div class="filesDetail" style="display: none;">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th colspan="4">文件详情</th>
                        </tr>
                        </thead>
                        <tr>
                            <th width="60">文件名</th>
                            <td colspan="3" id="fn"> K0+800-K1+000图纸</td>
                        </tr>
                        <tr>
                            <th width="60">格式</th>
                            <td id="fileico"><span class="fileico ico-jpg"></span>.jpg</td>
                            <th width="60">所在期</th>
                            <td id="numpname2">第二期</td>
                        </tr>
                        <tr>
                            <th width="60">上传者</th>
                            <td id="realname">陈工</td>
                            <th width="60">上传时间</th>
                            <td id="intime">2014-11-20 14:20</td>
                        </tr>
                        <tr>
                            <th width="60">备注/描述</th>
                            <td colspan="3" id="tips">内容内容内容内容</td>
                        </tr>
                        <tr>
                            <th width="60">更多操作</th>
                            <td colspan="3">
                                <!--<button class="btn btn-mini btn-primary" type="button" href="#file-replace"-->
                                        <!--data-toggle="modal"><i class="icon-retweet icon-white"></i>替换-->
                                <!--</button>-->
                                <!--<button class="btn btn-mini btn-info" id="historyAtt" type="button" href="#file-history"-->
                                        <!--data-toggle="modal"><i class="icon-time icon-white"></i>历史版本-->
                                <!--</button>-->
                                <!--&nbsp;&nbsp;&nbsp;&nbsp;-->
                                <button id="del"
                                        imnid="" class="btn btn-mini btn-danger"
                                        type="button"
                                        data-toggle="modal"><i class="icon-remove icon-white"></i>删除
                                </button>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!--文件管理-->
        </div>
        <!--内容-->
    </div>
</div>
<!-- 编辑弹出 -->
<div id="file-edit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">文件编辑</h4>
            </div>
            <div class="modal-body">
                <div class="form">
                    <form class="form-horizontal">
                        <input type="hidden" id="upimnid" name="upimnid" value=""/>
                        <div class="form-group">
                            <label class="control-label col-sm-3">文件名称</label>
                            <div class="col-sm-8">
                                <input class="form-control" name="upfilename" id="upfilename" type="text"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-sm-3">备注/描述</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" name="upfiledesc" id="upfiledesc"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
                <button id="updateFileDesc" class="btn btn-primary">确定修改</button>
            </div>
        </div>
    </div>
</div>
<!-- 编辑弹出 -->
<!-- 替换弹出 -->
<div id="file-replace" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">文件替换</h4>
            </div>
            <div class="modal-body">
                <div class="form">
                    <form class="form-horizontal">
                        <input type="hidden" name="fid" value="0" id="fid"/>
                        <div class="form-group">
                            <label class="control-label col-sm-3">选择文件</label>
                            <div class="col-sm-8">
                                <input name="file" id="file" type="file">
                                <span class="help-block">替换新文件后，所有已下挂该文件的清单都将更新。</span>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
                <button id="btreplacefile" class="btn btn-primary">确定替换</button>
            </div>
        </div>
    </div>
</div>
<!-- 替换弹出 -->
<!-- 删除弹出 -->
<div id="file-del" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">文件删除</h4>
            </div>
            <div class="modal-body">
                <h5 class="text-success">文件删除成功，您可以在附件回收站恢复它。</h5>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>
</div>
<!-- 删除弹出 -->
<!-- 历史版本弹出 -->
<div id="file-history" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <input type="hidden" name="iaid" value="0" id="iaid"/>
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">历史版本</h4>
            </div>
            <div id="historyHTML" class="modal-body">
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>
</div>
<!-- 历史版本1弹出 -->
<script type="text/javascript">autoFlashHeight();</script>
<script type="text/javascript">
    $(document).ready(function () {
        $("a[id^='fname_']").click(function () {
            var fileext = $(this).attr('fileext');
            var filename = $(this).attr('filename');
            var realname = $(this).attr('realname');
            var intime = $(this).attr('intime');
            var tips = $(this).attr('tips');
            var numpname = $(this).attr('numpname');
            var imnid = $(this).attr('imnid');
            var iaid = $(this).attr('iaid');
            $("#fn").html(filename);
            $("#fileico").html(fileext);
            $("#realname").html(realname);
            $("#intime").html(intime);
            $("#tips").html(tips);
            $("#numpname2").html(numpname);
            $(".filesDetail").show();
            $("#fid").val(imnid);
            $("#iaid").val(iaid);
        });

        $("a[id^='dropdown_']").click(function () {
            var imnid = $(this).attr('imnid');
            $("#upimnid").val(imnid);
        });

        $("#del").click(function () {
            var imnid = $("#fid").val();
            $.ajax({
                type: "POST",
                dataType: "json",
                cache: false,
                data: {"imnid": imnid, "optype": 'del'},
                url: "/rproject/{{pid}}/section/{{pmid}}/files",
                success: function (data) {
                    if (data['status'] == 1) {
                        $('#file-del').modal('show');
                        $('#file-del').on('shown.bs.modal',function () {
//                            window.location.href = "{{rootUrl}}rproject/{{pid}}/section/{{pmid}}/files";
                            $('#tr_' + imnid).remove();
                        });
                    }
                }
            });
        });

        $("#updateFileDesc").click(function () {
            var upfilename = $("#upfilename").val();
            var upfiledesc = $("#upfiledesc").val();
            var imnid = $("#upimnid").val();
            $.ajax({
                url: "/rproject/{{pid}}/section/{{pmid}}/files",
                type: "post",
                dataType: "json",
                cache: false,
                data: {"upimnid": imnid, "filename": upfilename, "filedesc": upfiledesc},
                success: function (data) {
                    if (data['status'] == 1) {
                        window.location.href = "{{rootUrl}}rproject/{{pid}}/section/{{pmid}}/files";
                    }
                }
            });
        });

        $("#btreplacefile").click(function () {
            var file_data = $('#file').prop('files')[0];
            var form_data = new FormData();
            form_data.append('file', file_data);
            form_data.append('optype', 'replace');
            var imnid = $("#fid").val();
            form_data.append('imnid', imnid);
            $.ajax({
                type: "POST",
                dataType: "text",
                cache: false,
                contentType: false,
                data: form_data,
                url: "/rproject/{{pid}}/section/{{pmid}}/files",
                processData: false,
                success: function (data) {
                    if (data['status'] == 1) {
                        window.location.href = "{{rootUrl}}rproject/{{pid}}/section/{{pmid}}/files";
                    }
                }
            });
        });

        $("#historyAtt").click(function () {
            var iaid = $("#iaid").val();
            $("#historyHTML").html('');
            $.ajax({
                type: "POST",
                dataType: "json",
                cache: false,
                data: {"iaid": iaid},
                url: "/rproject/section/" + iaid + "/file",
                success: function (data) {
                    $("#historyHTML").html(data['html']);
                }
            });
        });

        $("#numpname").change(function () {
            var localurl = window.location.href;
            var page = localurl.indexOf("page/");
            var user = localurl.indexOf("user/");
            var num = localurl.indexOf("num/");
            if($(this).val() > 0){
                if (num != "-1") {
                    var nowurl = localurl.replace(/num\/\d+/, "num/" + $(this).val());
                    window.location.href = nowurl;
                }else {
                    if (page == "-1") {
                        var url = window.location.href + "/num/" + $(this).val() + "/page/1";
                        window.location.href = url;
                    }else{
                        var url = window.location.href + "/num/" + $(this).val();
                        window.location.href = url;
                    }
                }
            }else{
                var nowurl = localurl.replace(/\/num\/\d+\/page\/1/,'');
                var nowurl = localurl.replace(/\/num\/\d+/,'');
                window.location.href = nowurl;
            }
        });

        $("#uploaduser").change(function () {
            var localurl = window.location.href;
            var page = localurl.indexOf("page/");
            var user = localurl.indexOf("user/");
            var num = localurl.indexOf("num/");
            if($(this).val() > 0){
                if (user != "-1") {
                    var nowurl = localurl.replace(/user\/\d+/, "user/" + $(this).val());
                    window.location.href = nowurl;
                }else {
                    if (page == "-1") {
                        var url = window.location.href + "/user/" + $(this).val() + "/page/1";
                        window.location.href = url;
                    }else{
                        var url = window.location.href + "/user/" + $(this).val();
                        window.location.href = url;
                    }
                }
            }else{
                var nowurl = localurl.replace(/\/user\/\d+\/page\/1/,'');
                var nowurl = localurl.replace(/\/user\/\d+/,'');
                window.location.href = nowurl;
            }
        });

        $("a[id^='down_']").click(function () {
            var iaid = $(this).attr('iaid');
            window.location.href = "{{rootUrl}}rproject/section/get/" + iaid + "/attachment";
        });
    });
</script>
</body>