From d55d5d3f1ca69da56bf30df76239aeacf1967ed7 Mon Sep 17 00:00:00 2001
From: Junling Bu <linlinjavaer@gmail.com>
Date: Sat, 2 Jun 2018 23:58:47 +0800
Subject: [PATCH] =?UTF-8?q?fix[litemall-admin]=EF=BC=9A=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E7=B1=BB=E7=9B=AE=E9=A1=B5=E9=9D=A2=E5=9B=BE=E7=89=87=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 litemall-admin/src/views/mall/category.vue | 43 ++++++++++++++--------
 1 file changed, 28 insertions(+), 15 deletions(-)

diff --git a/litemall-admin/src/views/mall/category.vue b/litemall-admin/src/views/mall/category.vue
index f18043fe..818561e8 100644
--- a/litemall-admin/src/views/mall/category.vue
+++ b/litemall-admin/src/views/mall/category.vue
@@ -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) => {