资讯 活动 增加海报图

src/views/activity/add.vue

@@ -22,6 +22,17 @@
             <img width="100%" :src="dialogImageUrl" alt="">
           </el-dialog>
     </el-form-item>
+      <el-form-item label="海报图：" prop="buildingId">
+          <el-upload
+                  class="avatar-uploader"
+                  :headers="uploadHeaders"
+                  :action="upFileUrl"
+                  :show-file-list="false"
+                  :on-success="shareImageHandleAvatarSuccess">
+              <img v-if="shareImageUrl" :src="shareImageUrl" class="avatar">
+              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+          </el-upload>
+      </el-form-item>
     <el-form-item label="活动标题" prop="title">
       <el-input v-model="activityQuery.title"></el-input>
     </el-form-item>
@@ -75,6 +86,7 @@ export default {
       upFileUrl: apis.file.upload.url,
       radio:'1',
       imgList: [],
+      shareImageUrl: '',
       dialogVisible: false,
       dialogImageUrl: "",
       activityQuery: {
@@ -88,6 +100,7 @@ export default {
        enlistStart:'',
        enlistEnd:'',
        personNum:'',
+       shareImg: ''
       },
       rules: {
           buildingId: [
@@ -186,6 +199,11 @@ export default {
       this.updateDetail({...this.dynamic, imgUrl: res.data})
       this.loading.close()
     },
+    shareImageHandleAvatarSuccess(res, file) { // 海报图
+          this.shareImageUrl = URL.createObjectURL(file.raw);
+          // console.log(res)
+          this.activityQuery.shareImg = res.data
+    },
     onSubmit (formName) {
       this.$refs[formName].validate((valid) => {
       if (valid) {

src/views/activity/edit.vue

@@ -15,6 +15,17 @@
         <i v-else class="el-icon-plus avatar-uploader-icon"></i>
       </el-upload>
     </el-form-item>
+    <el-form-item label="海报图：" prop="buildingId">
+      <el-upload
+              class="avatar-uploader"
+              :headers="uploadHeaders"
+              :action="upFileUrl"
+              :show-file-list="false"
+              :on-success="shareImageHandleAvatarSuccess">
+        <img v-if="shareImageUrl" :src="shareImageUrl" class="avatar">
+        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+      </el-upload>
+    </el-form-item>
     <el-form-item label="活动标题" prop="title">
       <el-input v-model="activityQuery.title"></el-input>
     </el-form-item>
@@ -71,6 +82,7 @@ export default {
       upFileUrl: apis.file.upload.url,
       radio:'1',
       imageUrl: '',
+      shareImageUrl: '',
       imgList: [],
       dialogVisible: false,
       dialogImageUrl: "",
@@ -86,7 +98,8 @@ export default {
        enlistStart:'',
        enlistEnd:'',
        address:'',
-       personNum:''
+       personNum:'',
+       shareImg: ''
       },
       rules: {
           buildingId: [
@@ -189,6 +202,11 @@ export default {
     handleAvatarSuccess (res) {
       this.imageUrl = res.data
     },
+    shareImageHandleAvatarSuccess(res, file) { // 海报图
+      this.shareImageUrl = URL.createObjectURL(file.raw);
+      // console.log(res)
+      this.activityQuery.shareImg = res.data
+    },
     onSubmit (formName) {
       this.$refs[formName].validate((valid) => {
       if (valid) {
@@ -244,8 +262,9 @@ export default {
         this.activityQuery.desc = data.desc
         this.activityQuery.enlistStart = dayjs(data.enlistStart).toDate()
         this.activityQuery.enlistEnd = dayjs(data.enlistEnd).toDate()
-        
-       
+        this.activityQuery.shareImg = data.shareImg
+        this.shareImageUrl = data.shareImg
+
         })
     },
     formateDate(dt) {
@@ -262,7 +281,7 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   .avatar-uploader .el-upload {
     border: 1px dashed #d9d9d9;
     border-radius: 6px;

src/views/news/edi/index.vue

@@ -22,6 +22,17 @@
                     <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                 </el-upload>
             </el-form-item>
+            <el-form-item label="海报图片">
+                <el-upload
+                        class="avatar-uploader"
+                        :headers="uploadHeaders"
+                        :action="upFileUrl"
+                        :show-file-list="false"
+                        :on-success="shareImageHandleAvatarSuccess">
+                    <img v-if="shareImageUrl" :src="shareImageUrl" class="avatar">
+                    <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+                </el-upload>
+            </el-form-item>
             <el-form-item label="资讯标题">
                 <el-input v-model="form.newsName"></el-input>
             </el-form-item>
@@ -64,7 +75,8 @@
         data() {
             return {
                 upFileUrl: apis.file.upload.url,
-                imageUrl: '',
+                imageUrl: '', // 资讯图预览
+                shareImageUrl: '', // 海报图预览
                 optionNewsStatus: [
                     {
                         name: '已发布',
@@ -79,6 +91,7 @@
                     newsId: '',
                     newsTypeId: '',
                     newsImg: '',
+                    shareImg: '',
                     newsName: '',
                     buildingId: '',
                     newsStatus: '',
@@ -126,11 +139,16 @@
                 console.log('富文本值：', value)
                 this.form.newsDetail = value
             },
-            handleAvatarSuccess(res, file) {
+            handleAvatarSuccess(res, file) { // 资讯图
                 this.imageUrl = URL.createObjectURL(file.raw);
                 // console.log(res)
                 this.form.newsImg = res.data
             },
+            shareImageHandleAvatarSuccess(res, file) { // 海报图
+                this.shareImageUrl = URL.createObjectURL(file.raw);
+                // console.log(res)
+                this.form.shareImg = res.data
+            },
             getTypeList() {
                 this.$store.dispatch('news/getTypeList', this.typeForm).then((res) => {
                     this.typeList = res.records
@@ -182,6 +200,8 @@
                     this.form.newsTypeId = res.newsTypeId
                     this.form.newsStatus = res.newsStatus
                     this.form.newsImg = res.newsImg
+                    this.form.shareImg = res.shareImg
+                    this.shareImageUrl = res.shareImg
                     this.imageUrl = res.newsImg
                     this.form.buildingId = res.buildingId
                     this.form.newsDetail = res.newsDetail