|
@@ -1,38 +1,33 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
- <el-upload
|
|
|
- v-loading.fullscreen.lock="mark"
|
|
|
- ref="upload"
|
|
|
- action=""
|
|
|
- :headers="myHeaders"
|
|
|
- list-type="picture-card"
|
|
|
- :multiple="true"
|
|
|
- :auto-upload="false"
|
|
|
- :limit="limit"
|
|
|
- :on-change="handleChange"
|
|
|
- :disabled="limit <= value.length"
|
|
|
- >
|
|
|
- <i slot="default" class="el-icon-plus" />
|
|
|
- <div slot="file" slot-scope="{ file }">
|
|
|
- <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
|
|
|
- <span class="el-upload-list__item-actions">
|
|
|
- <span
|
|
|
- class="el-upload-list__item-preview"
|
|
|
- @click="handlePictureCardPreview(file)"
|
|
|
- >
|
|
|
- <i class="el-icon-zoom-in" />
|
|
|
+ <el-row>
|
|
|
+ <el-upload
|
|
|
+ v-loading.fullscreen.lock="mark"
|
|
|
+ ref="upload"
|
|
|
+ action=""
|
|
|
+ :headers="myHeaders"
|
|
|
+ list-type="picture-card"
|
|
|
+ :multiple="true"
|
|
|
+ :auto-upload="false"
|
|
|
+ :limit="limit"
|
|
|
+ :on-change="handleChange"
|
|
|
+ :disabled="limit <= value.length"
|
|
|
+ >
|
|
|
+ <i slot="default" class="el-icon-plus" />
|
|
|
+ <div slot="file" slot-scope="{ file }">
|
|
|
+ <img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
|
|
|
+ <span class="el-upload-list__item-actions">
|
|
|
+ <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
|
|
|
+ <i class="el-icon-zoom-in" />
|
|
|
+ </span>
|
|
|
</span>
|
|
|
- </span>
|
|
|
- </div>
|
|
|
- </el-upload>
|
|
|
- <el-button
|
|
|
- class="mt-40"
|
|
|
- style="margin-left: 10px;"
|
|
|
- size="small"
|
|
|
- type="success"
|
|
|
- @click="submitUpload"
|
|
|
- >上传到服务器</el-button
|
|
|
- >
|
|
|
+ </div>
|
|
|
+ </el-upload>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row style="text-align: right;">
|
|
|
+ <el-button class="mt-40" style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
|
|
|
+ </el-row>
|
|
|
|
|
|
<el-dialog :visible.sync="dialogVisible" :modal="false">
|
|
|
<img width="100%" :src="dialogImageUrl" alt="" />
|