market_api_930

src/views/sylive/activity/components/activity-edit.vue

@@ -84,7 +84,18 @@
           type="textarea"
         />
       </el-form-item>
-      <el-form-item label="分享图片:" prop="shareImg">
+      <el-form-item label="分享图片:" prop="sharePhoto">
+        <ele-image-upload
+          v-model="form.sharePhoto"
+          :limit="1"
+          :drag="true"
+          :multiple="false"
+          :upload-handler="sharePhotoHandler"
+          @upload="onUpload"
+        />
+        <div class="ele-text-secondary">建议尺寸200X200</div>
+      </el-form-item>
+      <el-form-item label="分享海报:" prop="shareImg">
         <ele-image-upload
           v-model="form.shareImg"
           :limit="10"
@@ -97,7 +108,7 @@
           尺寸宽度750，二维码尺寸160X160，二维码位置（距离底部80,距离右边40）
         </div>
       </el-form-item>
-      <el-form-item label="分享描述:" prop="shareTitle">
+      <el-form-item label="分享文案:" prop="shareTitle">
         <div
           style="margin: 8px 0"
           v-for="(item, index) in form.shareTitle"
@@ -107,7 +118,7 @@
             clearable
             :maxlength="60"
             v-model="form.shareTitle[index]"
-            placeholder="请输入分享描述"
+            placeholder="请输入分享文案"
           />
         </div>
         <el-button
@@ -117,7 +128,7 @@
           icon="el-icon-plus"
           @click="addShareTitle"
         >
-          新增分享描述
+          新增分享文案
         </el-button>
       </el-form-item>
     </el-form>
@@ -155,7 +166,8 @@
         shareTitle: [''],
         shareImg: [],
         bgImg: [],
-        channelImg: []
+        channelImg: [],
+        sharePhoto: []
       };
       return {
         defaultForm,
@@ -219,7 +231,7 @@
       }
     },
     methods: {
-      /* 添加分享描述 */
+      /* 添加海报描述 */
       addShareTitle() {
         this.form.shareTitle.push('');
       },
@@ -299,6 +311,27 @@
         this.form.channelImg.push(item);
         this.onUpload(item);
       },
+      sharePhotoHandler(file) {
+        const item = {
+          file,
+          uid: file.uid,
+          name: file.name,
+          progress: 0,
+          status: null
+        };
+        if (!file.type.startsWith('image')) {
+          this.$message.error('只能选择图片');
+          return;
+        }
+        if (file.size / 1024 / 1024 > 2) {
+          this.$message.error('大小不能超过 2MB');
+          return;
+        }
+        item.url = window.URL.createObjectURL(file);
+        // 关键就是这里要自己 push 添加数据而不是靠 v-modal 自动更新
+        this.form.sharePhoto.push(item);
+        this.onUpload(item);
+      },
       /* 上传事件 */
       shareImgHandler(file) {
         const item = {

src/views/sylive/activity/index.vue

@@ -49,7 +49,7 @@
             icon="el-icon-data-analysis"
             @click="openStatistics(row.activityId)"
           >
-            统计
+            数据
           </el-link>
           <el-link
             type="primary"