Excel-Uploader
Overview
The Excel-Uploader is a component of VUE which provides such as download template excel file and upload excel file with backend, etc functions. It can helps developer coding quickly.
Usage
1,Installation
npm install @21vianet/excel-uploader --save
2,Add the following to your main.js of your project and make sure that it's position after the element-ui reference's.
import 'element-ui/lib/theme-chalk/index.css'
import './package/css/uploader-custom.css'
3,Insert the Uploader HTML tag and its reference code into your VUE component.
import ExcelUploader from '@21vianet/excel-uploader'
components: { ... ExcelUploader ... }
<ExcelUploader :config="getConfig()" @backToMenu="backToMenu"></ExcelUploader>
In here, you can adjust its size via style attribute:
style="width: 560px;height: 560px;margin: 30px;"
Node: Don't set the smaller number than 560px with its width and height. Which it can make sure that the UI looks like normally.
4,Give a object for config ExcelUploader component. All the config params as below:
{
MaxUploadFileSize: 3,
DownloadTemplateUrl: '',
DownloadTemplateRequestBody: {},
DownloadErrorMessageUrl: '',
UploadProcessPercentUrl: '',
UploadFileUrl: ''
}
5,You can subscript the @backToMenu event that be triggered when user click the 'Back' button in step 3.
Repository
https://github.com/21vianet/excel-uploader.git
Republic
If you are a developer who from @21vianet group, you can download the repository and republic the ExcelUploader.
1,git clone Repository
2,run npm install
3,change code in package folder.
4,run npm publish --access public
under the package folder.