<!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}}project/{{currProID}}/section"><span
                            class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
                    <li class="dropdown">
                        <a href="{{rootUrl}}project/{{currProID}}/section" data-toggle="dropdown" class="dropdown-toggle">
                            {{currProName}}<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- loop othrPro -->
                            <li><a href="{{rootUrl}}project/{{othrPro' value.pid}}/section">{{othrPro' value.pname}}</a></li>
                            <!-- endloop -->
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="{{rootUrl}}project/{{currProID}}/section" data-toggle="dropdown"
                           class="dropdown-toggle">
                            {{currconArray.stname}}<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- loop allconArray -->
                            <li><a href="{{rootUrl}}project/{{currProID}}/section">{{allconArray' value.stname}}</a></li>
                            <!-- endloop -->
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="{{rootUrl}}project/{{currProID}}/section" data-toggle="dropdown"
                           class="dropdown-toggle">
                            {{curractmeasureArray.pmname}}<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <!-- loop allactmeasureArray -->
                            <li>
                                <a href="{{rootUrl}}project/{{currProID}}/section/{{allactmeasureArray' value.pmid}}/files/recover">{{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}}project/{{pid}}/section/{{pmid}}/detail">标段概况</a>
                </li>
                <li class="active"><a href="{{rootUrl}}project/{{pid}}/section/{{pmid}}/files">附件</a></li>
                <!-- if {{imediateSwitch}} == 1 --><li><a href="{{rootUrl}}project/{{pid}}/section/{{pmid}}/intermediate">中间计量草图</a></li><!-- endif -->
                <!--<li><a href="w-project-section-measure.html">计量台帐</a></li>-->
            </ul>
            <!--导航-->

            <div class="title">
                <h1>附件回收站</h1>
            </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="">删除</th>
                            <th width="">删除时间</th>
                            <th width="40">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <!-- loop itemMeasureArray -->
                            <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}}"
                                    href="#">{{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 class="text-error">{{itemMeasureArray' value.delname}}</td>
                            <td class="text-error">{{formatDate(itemMeasureArray' value.deltime,'Y-m-d')}}</td>
                            <td>
                                <div class="btn-group">
                                    <a 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 id="down_{{itemMeasureArray' value.imnid}}" iaid="{{itemMeasureArray' value.iaid}}"><i
                                                class="icon-download-alt"></i>&nbsp;下载</a></li>
                                        <li><a id="recovery_{{itemMeasureArray' value.imnid}}"
                                               imnid="{{itemMeasureArray' value.imnid}}" href="#"
                                               data-toggle="modal"><i class="icon-repeat"></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">
                    <input type="hidden" id="imnid" value="0"/>
                    <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-danger" type="button" href="#file-del"
                                        data-toggle="modal"><i class="icon-remove icon-white"></i>彻底删除
                                </button>
                            </td>
                        </tr>
                    </table>
                </div>
            </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">
                <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 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-danger">彻底删除无法还原，所有清单下挂的该文件都将移除。</h5>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
                <button id="del" class="btn btn-danger">确定删除</button>
            </div>
        </div>
    </div>
</div>
</div>
<!-- 删除弹出 -->
<!-- 删除弹出 -->
<div id="file-del2" 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-warning">文件上传者才有彻底删除权限。</h5>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button>
            </div>
        </div>
    </div>
</div>
</div>
<!-- 删除弹出 -->
<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);
            $("#imnid").val(imnid);
            $(".filesDetail").show();
        });

        $("#filedown").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: "/project/{{pid}}/section/{{pmid}}/files",
                processData: false,
                success: function (data) {
                    if (data['status'] == 1) {
                        window.location.href = "{{rootUrl}}project/{{pid}}/section/{{pmid}}/files";
                    }
                }
            });
        });

        $("a[id^='recovery_']").click(function () {
            var imnid = $(this).attr('imnid');
            $.ajax({
                type: "POST",
                dataType: "json",
                cache: false,
                data: {"imnid": imnid, "optype": 'reconvery'},
                url: "/project/{{pid}}/section/{{pmid}}/files/recover",
                success: function (data) {
                    if (data['status'] == 1) {
                        $("#file-replace").show();
                        window.location.href = "{{rootUrl}}project/{{pid}}/section/{{pmid}}/files/recover";
                    }
                }
            });
        });

        $("#del").click(function () {
            var imnid = $("#imnid").val();
            $.ajax({
                type: "POST",
                dataType: "json",
                cache: false,
                data: {"imnid": imnid, "optype": 'del'},
                url: "/project/{{pid}}/section/{{pmid}}/files/recover",
                success: function (data) {
                    if (data['status'] == 1) {
                        $("#file-del").modal('hide');
                        window.location.href = "{{rootUrl}}project/{{pid}}/section/{{pmid}}/files/recover";
                    }
                    if (data['status'] == 2) {
                        $("#file-del2").modal('show');
                        $("#file-del").modal('hide');
                    }
                }
            });
        });


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