itsm-pc-handle/assets/views/customform/tpl/ui-upDropFile.html

<div class="row padding-sm no-padding-vr bordered no-border-hr ">
    <!--ng-if="options.dropfile"-->
    <div class="col-md-12">
        <!--ng-if="form.dropState"-->
        <div class="panel panel-white">
            <div class="panel-heading col-xs-12 panelknowback" ng-if="!to.isOnlydown">
                <div class="col-md-6">
                    <span>附件上传</span><span>附件数: {{ uploader.queue.length }}</span>
                </div>
                <span class="btn btn-light-orange btn-file col-md-2 pull-right" ng-show="showFileUp"><i class="fa fa-plus"></i><span translate="form.button.SELECTFILE"></span><input name="uploadedFile" type="file" nv-file-select="" uploader="uploader" />
                </span>
            </div>
            <div class="panel-body">
                <!--h3>附件列表</h3>-->
                <table class="table table-hover" id="sample-table-1" ng-if="!to.isOnlydown">
                    <thead>
                        <tr>
                            <th class="center">名称</th>
                            <th class="hidden-xs" ng-show="uploader.isHTML5">大小</th>
                            <th class="hidden-xs" ng-show="uploader.isHTML5">进度</th>
                            <th class="hidden-xs">状态</th>
                            <th class="hidden-xs">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="item in uploader.queue">
                            <td><strong>{{ item.file.name }}</strong></td>
                            <td ng-show="uploader.isHTML5" nowrap>{{ item.file.size/1024/1024|number:2 }} MB</td>
                            <td ng-show="uploader.isHTML5">
                                <div class="progress" style="margin-bottom: 0;">
                                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                                </div>
                            </td>
                            <td class="center">
                                <span ng-show="item.isSuccess"><i class="glyphicon glyphicon-ok"></i></span>
                                <span ng-show="item.isCancel"><i class="glyphicon glyphicon-ban-circle"></i></span>
                                <span ng-show="item.isError"><i class="glyphicon glyphicon-remove"></i></span>
                            </td>
                            <td nowrap>
                                <button type="button" class="btn btn-warning btn-xs" ng-click="item.cancel()" ng-disabled="!item.isUploading">
                                    <span class="glyphicon glyphicon-ban-circle"></span> 取消
                                </button>
                                <button type="button" class="btn btn-danger btn-xs" ng-click="item.remove()">
                                    <span class="glyphicon glyphicon-trash"></span>
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <table class="table table-hover" id="sample-table-1" ng-if="!to.isOnlyuploader">
                    <thead>
                        <tr>
                            <th class="center">序号</th>
                            <th>附件名称</th>
                            <!-- <th class="hidden-xs">上传者</th> -->
                            <th>上传时间</th>
                            <!-- <th>任务Id</th> -->
                            <!-- <th class="hidden-xs">文件类型</th> -->
                            <th class="center">附件下载</th>
                            <!-- <th class="center">附件预览</th> -->
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="attachment in attachments">
                            <td class="center">{{$index + 1}}</td>
                            <td class="hidden-xs">{{attachment.name}}</td>
                            <!-- <td class="hidden-xs">{{attachment}}</td> -->
                            <!-- <td>{{attachment.userName}}</td> -->
                            <td>{{attachment.addTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
                            <!-- <td>{{attachment.taskId}}</td> -->
                            <!-- <td>{{attachment.type}}</td> -->
                            <td class="center">
                                <!-- <div class="visible-md visible-lg hidden-sm hidden-xs">
                                    <a ng-href="{{attachment.link}}" ng-init="attachment.link=downloadUrl(attachment.id)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="下载"><i class="fa fa-download"></i></a>
                                </div> -->
                                <div class="visible-md visible-lg hidden-sm hidden-xs">
                                    <a ng-click="download(attachment.token,attachment.name)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="下载"><i class="fa fa-download"></i></a>
                                </div>
                            </td>
                            <!-- <td class="center">
                                <div class="visible-md visible-lg hidden-sm hidden-xs">
                                    <a ng-click="view(attachment.id,attachment.previewUrl)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="预览"><i class="fa fa-file-text-o"></i></a>
                                </div>
                            </td> -->
                        </tr>
                    </tbody>
                </table>
                <div ng-if="to.isUpfload&&!to.isOnlydown">
                    <!-- <p>进度:</p> -->
                    <!-- <div class="progress" style="margin-bottom: 0;">
                        <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                    </div> -->
                    <button ng-show="showFileUp" type="button" class="btn btn-success btn-s" ng-click="dropfile(to.ApiService,to.processInstanceId, to.taskId, to.userId)" ng-disabled="!uploader.getNotUploadedItems().length">
                        <span class="glyphicon glyphicon-upload"></span> 上传
                    </button>
                    <!-- <button type="button" class="btn btn-warning btn-s" ng-click="uploader.cancelAll()" ng-disabled="!uploader.isUploading">
                        <span class="glyphicon glyphicon-ban-circle"></span> 取消
                    </button>
                    <button type="button" class="btn btn-danger btn-s" ng-click="uploader.clearQueue()" ng-disabled="!uploader.queue.length">
                        <span class="glyphicon glyphicon-trash"></span> 删除
                </button> -->
                </div>
            </div>
            <!--panel body-->
        </div>
    </div>

    <!-- <div class="col-md-12">
        <table class="table table-hover" id="sample-table-1">
            <thead>
                <tr>
                    <th class="center">序号</th>
                    <th>附件名称</th>
                    <th>上传时间</th>
                    <th class="center">附件下载</th>
                    <th class="center">附件预览</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="attachment in attachments">
                    <td class="center">{{$index + 1}}</td>
                    <td class="hidden-xs">{{attachment.name}}</td>
                    <td>{{attachment.addTime|date:'yyyy-MM-dd HH:mm:ss'}}</td>
                    <td class="center">
                        <div class="visible-md visible-lg hidden-sm hidden-xs">
                            <a ng-click="download(attachment.token,attachment.name)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="下载"><i class="fa fa-download"></i></a>
                        </div>
                    </td>
                    <td class="center">
                        <div class="visible-md visible-lg hidden-sm hidden-xs">
                            <a ng-click="view(attachment.id,attachment.previewUrl)" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="预览"><i class="fa fa-file-text-o"></i></a>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div> -->
</div>
<style>
.btn-danger{
    background: #fff;
    color: #d43f3a;
    padding: 0 5px !important;
}

</style>