会员管理增加商品图片

config/dev.env.js

 module.exports = {
     NODE_ENV: '"development"',
-  BASE_API:'"https://dev.dfangche.com"',//'"https://xxtest.upyuns.com"',//'"https://xxfcmgmt.upyuns.com"（正）',//http://10.1.37.192:9527（何）, //https://xxtest.upyuns.com（测）,10.1.37.246:9527(韩), 10.1.37.244(李斌)10.1.37.248:8765(小威)
+  BASE_API:'"https://xxtest.upyuns.com"',//'"https://dev.dfangche.com"',//'"https://xxfcmgmt.upyuns.com"（正）',//http://10.1.37.192:9527（何）, //https://xxtest.upyuns.com（测）,10.1.37.246:9527(韩), 10.1.37.244(李斌)10.1.37.248:8765(小威)
     APP_ORIGIN: '"https://wallstreetcn.com"'
 }

src/views/userManagement/memberManagement/index.vue

@@ -42,6 +42,13 @@
             <img class="image" :src="scope.row.bigIcon" />
           </span>
         </template>
+      </el-table-column>
+       <el-table-column align="center" label="商品图片">
+        <template scope="scope">
+          <span>
+            <img class="image" :src="scope.row.itemImg" />
+          </span>
+        </template>
       </el-table-column>
       <el-table-column align="center" label="折扣">
         <template scope="scope">
@@ -210,6 +217,29 @@
               </el-upload>
             </el-form-item>
           </el-row>
+          <el-row>
+            <el-form-item label="商品图片" :style="{display:'block'}">
+              <el-upload
+                class="upload-demo"
+                :headers="getHeaderWithToken"
+                :action="BASE_API+'/api/universal/file/app/unauth/admin/upload'"
+                :show-file-list="false"
+                :on-success="product"
+                list-type="picture"
+              >
+                <img
+                  v-if="$utils.isString(add.itemImg) && !$utils.isEmpty(add.itemImg)"
+                  :src="add.itemImg"
+                  style="width:300px;max-height:300px;"
+                />
+                <i
+                  v-else
+                  class="el-icon-plus avatar-uploader-icon"
+                  style="lineHeight:100px;width:300px;height: 100px;border: 1px dashed #ccc;"
+                ></i>
+              </el-upload>
+            </el-form-item>
+          </el-row>
         </el-form>
         <div slot="footer" class="dialog-footer">
           <el-button @click="cancelSetMemberArea('membershipGrade')">取消</el-button>
@@ -250,7 +280,8 @@ export default {
         price: undefined,
         endDate: undefined,
         icon: undefined,
-        bigIcon: null
+        bigIcon: null,
+        itemImg:null
       },
       endDatelist: [
         { id: 0, name: "永久" },
@@ -445,6 +476,10 @@ export default {
     //大图标
     handleAvatarSuccessBig(res) {
       this.add.bigIcon = res.data;
+    },
+    //商品展示
+    product(res) {
+      this.add.itemImg = res.data;
     }
   }
 };