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

<div class="row worknumber fontcolor-two margin-top-10" style="margin-right: 0;">
    <div class="col-md-12 formheard_pad">
        <div class="pull-left  fontsizes-16 font-weight-500">
            附件上传
        </div>
    </div>
    <div class="col-md-12" style="padding:0;">
        <div class="panel panel-white">
            <div class="panel-heading">
                <span class="btn btn-blue btn-o btn-file col-md-12 pull-left"><i class="fa fa-plus"></i>
                    <input name="uploadedFile" type="file" nv-file-select="" uploader="uploader" />
                </span>
            </div>
            <div class="panel-body">
                <table class="table table-striped table-hover" style="table-layout: fixed;">
                    <thead>
                        <tr>
                            <th class="center" style="width:40%;">名称</th>
                            <th class="hidden-xs" ng-show="uploader.isHTML5" style="width:20%;">大小</th>
                            <th class="hidden-xs" style="width:20%;">操作</th>
                            <th class="hidden-xs" style="width:20%;">附件下载</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- 已上传附件 -->
                        <tr ng-repeat="attachment in attachments">
                            <td title="{{attachment.name}}"><strong>{{ attachment.name }}</strong></td>
                            <td ng-show="uploader.isHTML5" nowrap>{{ attachment.size/1024/1024|number:2 }} MB</td>
                            <td nowrap>
                                <!-- <button type="button" class="btn btn-danger btn-xs" ng-click="attachment.remove()">
                                    <span class="glyphicon glyphicon-trash"></span> 删除
                                </button> -->
                            </td>
                            <td class="center">
                                <div class="visible-md visible-lg hidden-sm hidden-xs">
                                    <a ng-click="download(attachment.id,attachment.name,attachment.token)"
                                        class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="下载"><i
                                            class="fa fa-download"></i></a>
                                </div>
                            </td>
                        </tr>
                        <!-- 本次即将上传附件 -->
                        <tr ng-repeat="item in uploader.queue">
                            <td title="{{item.file.name}}"><strong>{{ item.file.name }}</strong></td>
                            <td ng-show="uploader.isHTML5" nowrap>{{ item.file.size/1024/1024|number:2 }} MB</td>
                            
                            <td nowrap>
                                <button type="button" class="btn btn-danger btn-xs" ng-click="item.remove()">
                                    <span class="glyphicon glyphicon-trash"></span>
                                </button>
                            </td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
                <!-- <button type="button" ng-if="to.isupdata" 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> -->
            </div>
        </div>
    </div>
</div>
<style>
.btn-danger{
    background: #fff;
    color: #d43f3a;
    padding: 0 5px !important;
}

</style>