소스 검색

update 上传组件

pull/1/head
g7hoo 2 년 전
부모
커밋
302d1832df
2개의 변경된 파일48개의 추가작업 그리고 4개의 파일을 삭제
  1. +44
    -3
      src/components/base-upload/index.vue
  2. +4
    -1
      src/views/modules/monitoring/equipmentType.vue

+ 44
- 3
src/components/base-upload/index.vue 파일 보기

@@ -1,9 +1,50 @@
<template> <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> </template>


<script> <script>
export default { 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>

+ 4
- 1
src/views/modules/monitoring/equipmentType.vue 파일 보기

@@ -83,8 +83,11 @@ const addOrUpdateConfigs = {
{ {
name: 'file-upload-key', name: 'file-upload-key',
label: '上传资料', label: '上传资料',
component: null,
component: () => import('@/components/base-upload'),
props: { // 上传组件需要的 props props: { // 上传组件需要的 props
url: "/monitoring/attachment/uploadFileFormData?typeCode=EquipmentTypeFile",
buttonContent: '点击上传',
tip: '上传文件大小不要超过 2mb (2048kb)'
} }
} }
] ]


불러오는 중...
취소
저장