This commit is contained in:
wangshiming
2022-03-02 20:57:40 +08:00
parent 8e8dac953c
commit 2e5164fe3c
3 changed files with 76 additions and 62 deletions

View File

@ -4,42 +4,47 @@
* @Author : Shiming
* @Date : 2021-12-03 11:10:14
* @LastEditors : Shiming
* @LastEditTime : 2022-03-02 09:46:36
* @LastEditTime : 2022-03-02 20:29:46
* @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="resourceCode2" let-me let-ui="ui" let-schema="schema">
<input readonly nz-input placeholder="请选择上传文件" [(ngModel)]="files2" />
<nz-upload
[nzAction]="service.$api_upload_url"
[nzName]="'multipartFile'"
[nzHeaders]="{ authorization: 'authorization-text' }"
<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"
(nzChange)="handleChange($event)"
[nzShowUploadList]="false"
[nzBeforeUpload]="beforeUpload"
>
[nzAccept]="'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel'"
(nzChange)="handleChange($event)" [nzShowUploadList]="false" [nzBeforeUpload]="beforeUpload" [nzLimit]="1">
<div>
<button nz-button style="color: #ff4d4f; margin-top: 5px">
<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">仅支持XLX / XLSX文件格式最多不能超过100行数据</div>
<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>
<sv-container col="1" >
<sv style="height: 20px;">注意:</sv>
<sv style="height: 20px;">1、第一次上传请点击下载模板</sv>
<sv style="height: 20px;">2、请不要调整模板顺序</sv>
<sv style="height: 20px;">3、必填字段请务必填写</sv>
<sv style="height: 20px;">4、如果不清楚字段值请参考货源发布功能</sv>
<sv style="height: 20px;">5、发布成功后可在货源列表-待接单查看</sv>
</sv-container>
<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条