Sfoglia il codice sorgente

update 上传组件

pull/1/head
g7hoo 2 anni fa
parent
commit
302d1832df
2 ha cambiato i file con 48 aggiunte e 4 eliminazioni
  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 Vedi File

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

+ 4
- 1
src/views/modules/monitoring/equipmentType.vue Vedi File

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


Caricamento…
Annulla
Salva