zuel-itsm-3.0.2/assets/views/customform/tpl/ui-dropfilenotup.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">
                <div class="col-md-6">
                    <a class="btn btn-squared"><span>附件上传</span><span class="text-white">附件数: {{ uploader.queue.length }}</span></a>
                </div>
                <span class="btn btn-blue btn-o btn-file col-md-2 pull-right"><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-striped table-hover">
                    <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>

                <!-- <p>进度:</p>
                <div class="progress" style="margin-bottom: 0;">
                    <div class="progress-bar" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                </div> -->
                <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>
                <!-- <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>
            <!--panel body-->
        </div>
    </div>
</div>
<style>
.btn-danger{
    background: #fff;
    color: #d43f3a;
    padding: 0 5px !important;
}

</style>