活动图片上传

src/views/base/activityInfo-detail.vue

@@ -18,6 +18,21 @@
           <el-form-item label="活动地址" prop="address">
             <el-input v-model="formModel.address" placeholder="请输入活动地址" style="width: 90%"></el-input>
           </el-form-item>
+          <el-form-item label="新闻图片" prop="images">
+          <el-upload
+                class="avatar-uploader"
+                name="photoFile"
+                :action="uploadUrl"
+                :show-file-list="false"
+                :headers="headers"
+                :data="uploadData"
+                :on-success="handleAvatarSuccess"
+                :before-upload="beforeAvatarUpload"
+              >
+                <img v-if="fileUrl" :src="fileUrl" class="avatar" style="width:300px"/>
+                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+              </el-upload>
+        </el-form-item>
           <el-form-item label="报名时间" prop="rangeTime">
             <el-date-picker
                 style="width: 90%"
@@ -108,7 +123,7 @@
           id:"",
           titel:"",
           content:"",
-          images:"",
+          image:"",
           author:"",
           isShow:false
         },
@@ -174,7 +189,7 @@
       },
       handleAvatarSuccess(res, file) {
         var self = this;
-        self.formModel.faceImageUrl = res.data;
+        self.formModel.image = res.data;
         self.fileUrl =
           res.data + "?x-oss-process=image/resize,m_lfit,h_300,w_300";
       },
@@ -210,9 +225,9 @@
           if (jsonData.result) {
             self.formModel = jsonData.data;
   
-            let images = self.formModel.images;
-            if (images != null) {
-              self.fileUrl = images 
+            let image = self.formModel.image;
+            if (image != null) {
+              self.fileUrl = image 
             }
             
             if (self.formModel.content != null) {

src/views/base/activityInfo-list.vue

@@ -77,6 +77,17 @@
           label="活动地址"
           width="200"
         ></el-table-column>
+        <el-table-column prop="image" label="图片" >
+          <template slot-scope="{ row }">
+              <a v-if="row.image" :href="row.image" target="_blank">
+                  <el-image
+                  :size="50"
+                  :src="row.image"
+                  :key="row.id"
+                  ></el-image>
+              </a>
+          </template>
+      </el-table-column>
         <el-table-column
           prop="rangeTimeStr"
           label="报名时间"