<template>
|
<el-button disabled icon="Upload" type="success" @click="dialogVisible = true">批量导入</el-button>
|
<el-dialog
|
v-model="dialogVisible"
|
title="场景信息批量导入"
|
width="500"
|
:before-close="handleClose"
|
>
|
<el-upload
|
class="upload-demo"
|
drag
|
action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
|
multiple
|
accept=".xlsx"
|
>
|
<el-icon class="el-icon--upload"><upload-filled /></el-icon>
|
<div class="el-upload__text">拖动文件或<em>点击上传</em></div>
|
<template #tip>
|
<!-- <div class="el-upload__tip">jpg/png files with a size less than 500kb</div> -->
|
</template>
|
</el-upload>
|
<template #footer>
|
<div class="dialog-footer">
|
<el-button @click="dialogVisible = false">取消</el-button>
|
<el-button type="primary" @click="dialogVisible = false">确定</el-button>
|
</div>
|
</template>
|
</el-dialog>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
dialogVisible: false
|
};
|
}
|
};
|
</script>
|
