cit-upload-modal.html

<div class="edit-template-modal-wrapper">
    <!-- 采用导入报表模板的方式 -->
    <script type="text/ng-template" id="editTemplateModal.html">
        <div class="modal-header">
            <div class="modal-title">{{'AddReport' | translate}}<span class="close" ng-click="cancel()" aria-hidden="true">×</span></div>
        </div>
        <div class="modal-body">
            <form class="form-horizontal" id="editTemplateControlForm">
            
                <div class="form-group">
                    <label for="fileName" class="col-sm-3 control-label">{{'TemplateFile' | translate}}: </label>
                    <div class="col-sm-5">
                        <input class="form-control" type="text" name="fileName" ng-model="editModel.file.name" readonly placeholder="">
                        </input>
                    </div>
                    <div class="col-sm-2">
                        <button type="button" type="file" ngf-select ng-model="editModel.file" accept=".xls,.xlsx" ngf-change="getSheetList()" class="btn btn-secondary browse">{{'Browse' | translate }}</button>
                    </div>
                </div>
                <div class="form-group" >
                    <label for="telCode" class="col-sm-3 control-label">{{'SelectReportTemplate' | translate}}: </label>
                    <div class="col-sm-8 upload-sheet-wrapper">
                        <div id={{::editModel.sheetSelectDxID}}></div>
                    </div>
                </div>

            </form>
        </div>
        <div class="modal-footer" style="padding-left: 22px;text-align: left;">
            <button type="button" class="btn btn-primary" ng-click="save()">{{'Confirm' | translate }}</button>
            <button type="button" class="btn btn-default" ng-click="cancel()" data-dismiss="modal">{{'Cancel' | translate }}</button>
        </div>
    </script>
    <!-- 添加现有报表 -->
    <script type="text/ng-template" id="addExistTemplateModal.html">
        <div class="modal-header">
            <div class="modal-title">{{'AddExistingReport' | translate}}</div>
        </div>
        <div class="modal-body">
            <form class="form-horizontal" id="editTemplateControlForm">
                <div class="form-group">
                    <label for="telCode" class="col-sm-3 control-label">{{'SelectReportTemplate' | translate}}: </label>
                    <div class="col-sm-7">
                        <div id={{::editModel.findSheetDxDropID}}></div>
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer" style="padding-left: 22px;text-align: left;">
            <button type="button" class="btn btn-primary" ng-click="saveFindAdd()">{{'Confirm' | translate }}</button>
            <button type="button" class="btn btn-default" ng-click="cancel()" data-dismiss="modal">{{'Cancel' | translate }}</button>
        </div>
    </script>
    <!-- 编辑报表名称 -->
    <script type="text/ng-template" id="deleteTemplateModal.html">
        <div class="modal-header">
            <div class="modal-title">{{'DeleteReport' | translate}}</div>
        </div>
        <div class="modal-body">
            <form class="form-horizontal" id="deleteTemplateControlForm">
                {{::editModel.deleteConfirmText}}
            </form>
        </div>
        <div class="modal-footer" style="padding-left: 22px;text-align: left;">
            <button type="button" class="btn btn-primary" ng-click="deleteRelation()">仅删除当前模板</button>
            <button type="button" class="btn btn-secondary" ng-click="deletePermanent()">永久删除</button>
            <button type="button" class="btn btn-default" ng-click="cancel()" data-dismiss="modal">{{'Cancel' | translate }}</button>
        </div>
    </script>
    <!-- 编辑报表名称 -->
    <script type="text/ng-template" id="editTemplateNameModal.html">
        <div class="modal-header">
            <div class="modal-title">{{'EditReport' | translate}}</div>
        </div>
        <div class="modal-body">
            <form class="form-horizontal" id="editTemplateNameModal">
                <div class="form-group">
                    <label for="name" class="col-sm-3 control-label"><span class="must-input">*</span>{{'TemplateFile' | translate}}: </label>
                    <div class="col-sm-8">
                        <input class="form-control" type="text" name="name" ng-model="editModel.name" />
                    </div>
                </div>
            </form>
        </div>
        <div class="modal-footer" style="padding-left: 22px;text-align: left;">
            <button type="button" class="btn btn-primary" ng-click="saveUpdateTemplateName()">{{'Confirm' | translate }}</button>
            <button type="button" class="btn btn-default" ng-click="cancel()" data-dismiss="modal">{{'Cancel' | translate }}</button>
        </div>
    </script>
</div>