YLShipBuildLandMap/YLShipBuildLandMap.Web/wwwroot/app/js/template/filelist.html

<!--by heyw想和其他正常表单融合得好些，所以样式改成了动态的-->
<div ng-class="styleConfig.mainClass" ng-style="styleConfig.mainStyle">
    <div ng-class="styleConfig.titleClass">
        <div class="table-title">
            {{(ngModel.title==null ||ngModel.title=='')?'附件列表':ngModel.title}}
        </div>
        <div class="table-tool">
            <button type="button" ng-if="ngModel.type!='details'" ng-hide="ngModel.readonly" class="btn btn-primary" data-placement="center"
                    data-animation="am-fade-and-scale" ng-click="addFile()">
                {{(ngModel.addFileButton==null ||ngModel.addFileButton=='')?'新增':ngModel.addFileButton}}
            </button>
        </div>
    </div>
    <div class="table-responsive list-table-panel">
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>文件名</th>
                    <th>扩展名</th>
                    <th>文件类型</th>
                    <th>上传时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="it in ngModel.items">
                    <td>
                        <span title="{{it.Name}}"
                              style="display: block;width: 400px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;">{{it.Name}}</span>
                    </td>
                    <td>{{it.Suffix}}</td>
                    <td>{{it.filetypename}}</td>
                    <td>{{it.CreateTime|date:'yyyy-MM-dd'}}</td>
                    <td>
                        <i class="glyphicon glyphicon-download-alt" ng-click="downfile(it.AttachmentId)" title="下载"></i>
                        <i class="glyphicon glyphicon-trash" ng-click="delfile(it.AttachmentId)" ng-if="ngModel.type!='details'" ng-hide="(ngModel.eachReadonly && it.ReadOnly) || ngModel.readonly || (ngModel.onlyuserdel && ngModel.loginUserId!=it.userID )" title="删除"></i>
                    </td>
                </tr>
                <tr ng-if="ngModel.items.length==0">
                    <td colspan="5">暂无附件</td>
                </tr>
            </tbody>
        </table>
    </div>
    <!--参数含义：page-Index：当前页面，page-Size：每页显示多少数据，total-Length:数据总长度-->
    <pagination data-pageindex="selectdata.pageindex" data-pagesize="selectdata.pagesize" ng-hide="ngModel.isPaging == false"
                data-ptotal="selectdata.ptotal" style="margin-left: 0px;margin-right: 0px;"></pagination>
</div>