56 lines
2.6 KiB
HTML
56 lines
2.6 KiB
HTML
<!--
|
||
* @Description :
|
||
* @Version : 1.0
|
||
* @Author : Shiming
|
||
* @Date : 2021-12-03 11:10:14
|
||
* @LastEditors : Shiming
|
||
* @LastEditTime : 2022-04-13 10:41:09
|
||
* @FilePath : \\tms-obc-web\\src\\app\\routes\\supply-management\\model\\import-supply\\import-supply.component.html
|
||
* Copyright (C) 2022 huzhenhong. All rights reserved.
|
||
-->
|
||
<div *ngIf="status">
|
||
<sf #sf mode="edit" [schema]="schema" [ui]="ui" button="none">
|
||
<ng-template sf-template="fileName" let-me let-ui="ui" let-schema="schema">
|
||
<nz-input-group [nzSuffix]="inputClearTpl">
|
||
<input type="text" readonly nz-input [(ngModel)]="me.formProperty.value" placeholder="请点击下方按钮上传文件" />
|
||
</nz-input-group>
|
||
<ng-template #inputClearTpl>
|
||
<i nz-icon class="ant-input-clear-icon" nzTheme="fill" nzType="close-circle" *ngIf="me.formProperty.value"
|
||
(click)="clearFile()"></i>
|
||
</ng-template>
|
||
</ng-template>
|
||
<ng-template sf-template="file" let-me let-ui="ui" let-schema="schema">
|
||
|
||
<nz-upload [nzAction]="uploadUrl" [nzName]="'multipartFile'" [nzHeaders]="{ authorization: 'authorization-text' }"
|
||
[(nzFileList)]="files"
|
||
[nzAccept]="'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel'"
|
||
(nzChange)="handleChange($event)" [nzShowUploadList]="false" [nzBeforeUpload]="beforeUpload" [nzLimit]="1">
|
||
<div>
|
||
<button nzType="primary" nz-button>
|
||
<i nz-icon nzType="upload"></i>
|
||
上传文件
|
||
</button>
|
||
</div>
|
||
</nz-upload>
|
||
<span style="color: #ff4d4f; font-size: 12px;margin-left: 10px; cursor: pointer;"
|
||
(click)="downFile()">下载导入模板</span>
|
||
<div style="color: #ff4d4f; font-size: 12px; margin-top: 5px; width: 400px">仅支持XLS / XLSX文件格式，最多不能超过100行数据</div>
|
||
</ng-template>
|
||
</sf>
|
||
<div>
|
||
<p class="mb-xs">注意：</p>
|
||
<p class="mb-xs">1、第一次上传请点击下载模板</p>
|
||
<p class="mb-xs">2、请不要调整模板顺序</p>
|
||
<p class="mb-xs">3、必填字段请务必填写</p>
|
||
<p class="mb-xs">4、如果不清楚字段值，请参考货源发布功能</p>
|
||
<p class="mb-xs">5、发布成功后，可在货源列表-待接单查看</p>
|
||
<div>
|
||
</div>
|
||
<div *ngIf="!status">
|
||
文件上传成功！成功xx条，失败xx条！
|
||
</div>
|
||
<div class="modal-footer text-right">
|
||
<button nz-button type="button" (click)="close()">取消</button>
|
||
<button nz-button type="submit" nzType="primary" [nzLoading]="load" (click)="save()">确定</button>
|
||
</div>
|