| | |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | </div> |
|---|
| | | <div class="form-group"> |
|---|
| | | <el-form-item label="附件" prop="fujian"> |
|---|
| | | <el-upload |
|---|
| | | class="upload-demo" |
|---|
| | | ref="upload" |
|---|
| | | action="" |
|---|
| | | :on-preview="handleFilePreview" |
|---|
| | | :on-remove="handleFileRemove" |
|---|
| | | :on-change="handleFileChange" |
|---|
| | | :file-list="fileList" |
|---|
| | | :auto-upload="false" |
|---|
| | | :limit="10" |
|---|
| | | :on-exceed="handleExceed" |
|---|
| | | accept=".jpg,.png,.jpeg,.pdf,.doc,.docx,.xls,.xlsx,.zip,.rar"> |
|---|
| | | <el-button size="small" type="primary">点击上传</el-button> |
|---|
| | | <div slot="tip" class="el-upload__tip">支持上传jpg/png/jpeg/pdf/doc/docx/xls/xlsx/zip/rar格式文件，最多10个</div> |
|---|
| | | </el-upload> |
|---|
| | | </el-form-item> |
|---|
| | | </div> |
|---|
| | | </el-tab-pane> |
|---|
| | | <el-tab-pane label="承运商信息" name="second"> |
|---|
| | | <div class="form-group"> |
|---|
| | |
|---|
| | | handleFileRemove(file, fileList) { |
|---|
| | | this.uploadFiles = fileList; |
|---|
| | | }, |
|---|
| | | // 文件预览 |
|---|
| | | handleFilePreview(file) { |
|---|
| | | if (file.url) { |
|---|
| | | window.open(file.url, '_blank'); |
|---|
| | | } else if (file.raw) { |
|---|
| | | const url = URL.createObjectURL(file.raw); |
|---|
| | | window.open(url, '_blank'); |
|---|
| | | } else { |
|---|
| | | this.$message.warning('无法预览该文件'); |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // 文件超出限制时的处理 |
|---|
| | | handleExceed(files, fileList) { |
|---|
| | | this.$message.warning(`当前限制选择 10 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); |
|---|
| | | }, |
|---|
| | | flieUpload(row) { |
|---|
| | | // 创建FormData对象 |
|---|
| | | const formData = new FormData(); |
|---|
