|
|
@@ -1,9 +1,50 @@ |
|
|
|
<template> |
|
|
|
<div class="base-upload"></div> |
|
|
|
<div class="base-upload" style="border-radius: 8px; margin-top: 38px; padding: 0; max-height: 500px;"> |
|
|
|
<el-upload class="yd-upload" :action="$http.adornUrl(url)" multiple name="files" :file-list="fileList" :on-remove="handleRemove" :before-remove="beforeRemove"> |
|
|
|
<el-button size="small" type="primary">{{ buttonContent }}</el-button> |
|
|
|
<div v-if="tip" slot="tip" class="el-upload__tip">{{ tip }}</div> |
|
|
|
</el-upload> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default { |
|
|
|
|
|
|
|
name: 'BaseUpload', |
|
|
|
props: { |
|
|
|
url: String, |
|
|
|
buttonContent: String, |
|
|
|
tip: { |
|
|
|
type: String, |
|
|
|
default: null |
|
|
|
} |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
fileList: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
beforeRemove(file, filelist) { |
|
|
|
return this.$confirm(`确定移除 ${file.name}?`) |
|
|
|
}, |
|
|
|
handleRemove(file, filelist) {} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.base-upload >>> .yd-upload { |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.base-upload >>> .el-upload--text { |
|
|
|
width: 100px; |
|
|
|
position: relative; |
|
|
|
left: -72px; |
|
|
|
} |
|
|
|
|
|
|
|
.base-upload >>> .el-upload__tip { |
|
|
|
margin-top: 0; |
|
|
|
margin-left: 5px; |
|
|
|
} |
|
|
|
</style> |