111
This commit is contained in:
parent
ce081b6e46
commit
09a89dc145
|
|
@ -1,55 +1,37 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="tool-container">
|
<div class="tool-container">
|
||||||
|
<el-card class="box-card">
|
||||||
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
|
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="Excel文件" >
|
<el-form-item label="Excel文件" label-width="180px">
|
||||||
<el-upload
|
<el-upload class="upload-demo" :on-preview="handlePreview" :on-remove="handleRemove"
|
||||||
class="upload-demo"
|
:before-remove="beforeRemove" multiple :auto-upload="true" accept=".xlsx, .xls, .csv" method="get"
|
||||||
:on-preview="handlePreview"
|
:headers="upload.headers" :on-success="handleSuccess" :action="upload.url" :limit="1"
|
||||||
:on-remove="handleRemove"
|
:on-exceed="handleExceed" :file-list="fileList1">
|
||||||
:before-remove="beforeRemove"
|
|
||||||
multiple
|
|
||||||
:auto-upload="true"
|
|
||||||
accept=".xlsx, .xls, .csv"
|
|
||||||
method="get"
|
|
||||||
:headers="upload.headers"
|
|
||||||
:on-success="handleSuccess"
|
|
||||||
:action="upload.url"
|
|
||||||
:limit="1"
|
|
||||||
:on-exceed="handleExceed"
|
|
||||||
:file-list="fileList1">
|
|
||||||
<el-button size="small" type="primary">点击上传</el-button>
|
<el-button size="small" type="primary">点击上传</el-button>
|
||||||
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
|
<div slot="tip" class="el-upload__tip">只能上传xlsx/xls/csv文件,且不超过100M</div>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="图片压缩包文件" >
|
<el-form-item label="图片压缩包文件" label-width="180px">
|
||||||
<el-upload
|
<el-upload class="upload-demo" :on-preview="handlePreview" :on-remove="handleRemove2"
|
||||||
class="upload-demo"
|
:before-remove="beforeRemove" :auto-upload="true" accept=".zip, .rar" method="get"
|
||||||
:on-preview="handlePreview"
|
:headers="upload.headers" :action="upload.url" :on-success="handleSuccess2" :limit="1"
|
||||||
:on-remove="handleRemove2"
|
:on-exceed="handleExceed" :file-list="fileList2">
|
||||||
:before-remove="beforeRemove"
|
|
||||||
:auto-upload="true"
|
|
||||||
accept=".zip, .rar"
|
|
||||||
method="get"
|
|
||||||
:headers="upload.headers"
|
|
||||||
:action="upload.url"
|
|
||||||
:on-success="handleSuccess2"
|
|
||||||
:limit="1"
|
|
||||||
:on-exceed="handleExceed"
|
|
||||||
:file-list="fileList2">
|
|
||||||
<el-button size="small" type="primary">点击上传</el-button>
|
<el-button size="small" type="primary">点击上传</el-button>
|
||||||
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
|
<div slot="tip" class="el-upload__tip">只能上传zip文件,且不超过100M</div>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-button type="text" @click="cancel">取消</el-button>
|
</el-card>
|
||||||
|
<div class="button-container">
|
||||||
<el-button :loading="loading" type="primary" @click="download">图片处理</el-button>
|
<el-button :loading="loading" type="primary" @click="download">图片处理</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -131,7 +113,19 @@ export default {
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.tool-container {
|
.tool-container {
|
||||||
|
|
||||||
|
}
|
||||||
|
.box-card {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center; /* 水平居中 */
|
||||||
|
align-items: center; /* 垂直居中(如果需要) */
|
||||||
|
}
|
||||||
|
.button-container {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center; /* 水平居中 */
|
||||||
|
align-items: center; /* 垂直居中(如果需要) */
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user