This commit is contained in:
liuhuayong 2025-07-05 20:06:14 +08:00
parent ce081b6e46
commit 09a89dc145

View File

@ -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>