theluyuan/litemall
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix[litemall-admin]：修复类目页面图片上传

Browse Source
This commit is contained in:
Junling Bu
2018-06-02 23:58:47 +08:00
parent b48b884d46
commit d55d5d3f1c
1 changed files with 28 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
litemall-admin/src/views/mall/category.vue
View File

@@ -102,13 +102,13 @@
</el-form-item>
<el-form-item label="图标" prop="iconUrl">
<el-input v-model="dataForm.iconUrl"></el-input>
<el-upload action="http://localhost:8080/storage/create" :show-file-list="false" :on-success="handleIconUrl">
<el-upload action="#" list-type="picture" :show-file-list="false" :limit="1" :http-request="handleIconUrl">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-form-item>
<el-form-item label="首页横幅" prop="bannerUrl">
<el-input v-model="dataForm.bannerUrl"></el-input>
<el-upload action="http://localhost:8080/storage/create" :show-file-list="false" :on-success="handleBannerUrl">
<el-upload action="#" list-type="picture" :show-file-list="false" :limit="1" :http-request="handleBannerUrl">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-form-item>
@@ -120,7 +120,7 @@
</el-form-item>
<el-form-item label="类目页横幅" prop="wapBannerUrl">
<el-input v-model="dataForm.wapBannerUrl"></el-input>
<el-upload action="http://localhost:8080/storage/create" :show-file-list="false" :on-success="handleWapBannerUrl">
<el-upload action="#" list-type="picture" :show-file-list="false" :limit="1" :http-request="handleWapBannerUrl">
<el-button size="small" type="primary">点击上传</el-button>
</el-upload>
</el-form-item>
@@ -151,6 +151,7 @@
<script>
import { listCategory, listCatL1, createCategory, updateCategory, deleteCategory } from '@/api/category'
import { createStorage } from '@/api/storage'
import waves from '@/directive/waves' // 水波纹指令
export default {
@@ -257,20 +258,32 @@ export default {
this.$refs['dataForm'].clearValidate()
})
},
handleIconUrl(response, file, fileList) {
if (response.errno === 0) {
this.dataForm.iconUrl = response.data.url
}
handleIconUrl(item) {
const formData = new FormData()
formData.append('file', item.file)
createStorage(formData).then(res => {
this.dataForm.iconUrl = res.data.data.url
}).catch(() => {
this.$message.error('上传失败，请重新上传')
})
},
handleBannerUrl(response, file, fileList) {
if (response.errno === 0) {
this.dataForm.bannerUrl = response.data.url
}
handleBannerUrl(item) {
const formData = new FormData()
formData.append('file', item.file)
createStorage(formData).then(res => {
this.dataForm.bannerUrl = res.data.data.url
}).catch(() => {
this.$message.error('上传失败，请重新上传')
})
},
handleWapBannerUrl(response, file, fileList) {
if (response.errno === 0) {
this.dataForm.wapBannerUrl = response.data.url
}
handleWapBannerUrl(item) {
const formData = new FormData()
formData.append('file', item.file)
createStorage(formData).then(res => {
this.dataForm.wapBannerUrl = res.data.data.url
}).catch(() => {
this.$message.error('上传失败，请重新上传')
})
},
createData() {
this.$refs['dataForm'].validate((valid) => {