<!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/{{currproArray.pid}}/section"><span
                            class="closePanel" aria-hidden="true" data-icon="Z"></span></a></li>
                    <li class="dropdown">

                    </li>
                    <li class="dropdown">
                        <a href="{{rootUrl}}project/{{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}}project/{{currproArray.pid}}/section">{{allconArray'
                                value.stname}}</a></li>
                            <!-- endloop -->
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="{{rootUrl}}project/{{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}}project/{{currproArray.pid}}/section/{{allactmeasureArray' value.pmid}}/detail">{{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>
                <!--<li><a href="w-project-section-measure.html">计量台帐</a></li>-->
            </ul>
            <!--导航-->
            <!--筛选工具-->
            <div class="clearfix">
                <form class="form-inline">
                    <select class="span2">
                        <option>不限期数</option>
                        <option>第二期</option>
                        <option>第一期</option>
                    </select>
                    <select class="span2">
                        <option>上传者</option>
                        <option>陈特</option>
                        <option>任杰</option>
                    </select>
                    <select class="span2">
                        <option>清单</option>
                        <option>203-1-a 挖土方</option>
                    </select>
                    <a href="/project/{{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>
                            <td width=""><span class="fileico ico-jpg"></span><a
                                    fileext="{{itemMeasureArray' value.fileext}}"
                                    imnid="{{itematta' value.imnid}}"
                                    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 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><i class="icon-download-alt"></i>&nbsp;下载</a></li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <!-- endloop -->
                        </tbody>
                    </table>
                    <div class="pagination">
                        <ul>
                            <li class="disabled"><a href="#">&laquo;</a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                        </ul>
                    </div>
                </div>
                <div class="filesDetail">
                    <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="numpname">第二期</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" type="button" href="#file-history"
                                        data-toggle="modal"><i class="icon-time icon-white"></i>历史版本
                                </button>
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                <button id="deletefile" 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-edit" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">文件编辑</h3>
    </div>
    <div class="modal-body">
        <div class="form">
            <form class="form-horizontal">
                <div class="control-group">
                    <label class="control-label" for="inputEmail">文件名称</label>
                    <div class="controls">
                        <input type="text">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="inputEmail">备注/描述</label>
                    <div class="controls">
                        <textarea></textarea>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary">确定修改</button>
    </div>
</div>
<!-- 编辑弹出 -->
<!-- 替换弹出 -->
<div id="file-replace" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">文件替换</h3>
    </div>
    <div class="modal-body">
        <div class="form">
            <form class="form-horizontal">
                <div class="control-group">
                    <label class="control-label" for="inputEmail">选择文件</label>
                    <div class="controls">
                        <input type="file">
                        <span class="help-block">替换新文件后，所有已下挂该文件的清单都将更新。</span>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary">确定替换</button>
    </div>
</div>
<!-- 替换弹出 -->
<!-- 删除弹出 -->
<div id="file-del" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">文件删除</h3>
    </div>
    <div class="modal-body">
        <h5 class="text-success">文件删除成功，您可以在附件回收站恢复它。</h5>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
    </div>
</div>
</div>
<!-- 删除弹出 -->
<!-- 历史版本弹出 -->
<div id="file-history" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">历史版本</h3>
    </div>
    <div class="modal-body">
        <div class="media">
            <div class="pull-left">
                <h4>#1</h4>
            </div>
            <div class="media-body">
                <h5>陈特&nbsp;上传于 2016-10-10 10:10</h5>
                <a href="#" target="_blank">QQ截图20160629164352.png</a>
            </div>
        </div>
        <div class="media">
            <div class="pull-left">
                <h4>#2</h4>
            </div>
            <div class="media-body">
                <h5>陈特&nbsp;上传于 2016-9-24 17:30</h5>
                <a href="#" target="_blank">dfsdf.png</a>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
    </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');
            $("#fn").html(filename);
            $("#fileico").html(fileext);
            $("#realname").html(realname);
            $("#intime").html(intime);
            $("#tips").html(tips);
            $("#numpname").html(numpname);
        });
        $("#deletefile").click(function () {

        });
    });
</script>
</body>