Merge branch 'feature/朋友圈卡片' into dev

src/views/game/cmh/base-config.vue

@@ -238,7 +238,7 @@ export default {
         this.$message.info('原游戏模板已失效,已重置默认模板');
       }
       let obj = {};
-      let arr = ['noticeImageUrl', 'shareCard', 'shareReport', 'prizeStyleJson', 'backImageUrl'];
+      let arr = ['noticeImageUrl', 'shareCard', 'shareReport', 'momentsCard', 'prizeStyleJson', 'backImageUrl'];
       let keys = Object.keys(gameExt);
 
       currentTemp.gameTemplateMaterialList.forEach(item => {

src/views/game/cmh/form.vue

@@ -224,7 +224,7 @@ export default {
         });
     },
     handleBaseConfigChange(data) {
-      const { backMusicFlag, adsFlag, backImageUrl, noticeImageUrl, adsImageUrl, bulletImageUrl, bulletFlag, gameName, templateId, shareCard, shareReport, gameTime, shareCardSize0, shareCardSize1, shareReportSize1, shareReportSize0 } = data;
+      const { backMusicFlag, adsFlag, backImageUrl, noticeImageUrl, adsImageUrl, bulletImageUrl, bulletFlag, gameName, templateId, shareCard, momentsCard, shareReport, gameTime, shareCardSize0, shareCardSize1, shareReportSize1, shareReportSize0, momentsCardSize0, momentsCardSize1 } = data;
       this.previewData = { backMusicFlag, backImageUrl, noticeImageUrl, adsImageUrl, bulletImageUrl, bulletFlag, adsFlag };
       this.previewData.boxImg = data.prizeStyleJson[0].imageNoSelectUrl;
       this.previewData = Object.assign({}, this.previewData);
@@ -236,7 +236,10 @@ export default {
         shareCardSize0,
         shareCardSize1,
         shareReportSize1,
-        shareReportSize0
+        shareReportSize0,
+        momentsCard,
+        momentsCardSize0,
+        momentsCardSize1
       };
       this.gameTime = gameTime;
     },
@@ -322,6 +325,7 @@ export default {
       gameRuleConditionList.forEach(item => {
         if (item.conditionType == 1) {
           gameExt.shareCard.materialValue = item.conditionJson.shareCard;
+          gameExt.momentsCard.materialValue = item.conditionJson.momentsCard;
           gameExt.shareReport.materialValue = item.conditionJson.shareReport;
           gameRuleInfo.shareRuleDesc = item.conditionJson.shareTitle;
         }

src/views/game/cmh/info.vue

@@ -167,6 +167,7 @@
                 <div class="shareTitle">邀请分享样式</div>
                 <p>小程序卡片标题: {{ item.conditionJson.shareTitle }}</p>
                 <p class="flex">小程序卡片图片: <img :src="item.conditionJson.shareCard" alt="游戏背景" style="width: 100px;height: 75px;margin-left: 10px;" /></p>
+                <p class="flex" v-if="item.conditionJson.momentsCard">分享朋友圈: <img :src="item.conditionJson.momentsCard" alt="游戏背景" style="width: 100px;height: 100px;margin-left: 10px;" /></p>
                 <p class="flex">分享海报: <img :src="item.conditionJson.shareReport" alt="游戏背景" style="width: 100px;height: 178px;margin-left: 53px;" /></p>
               </div>
             </div>

src/views/game/cmh/rule-config.vue

@@ -103,6 +103,16 @@
 
                   <div class="tips mt6">图片建议尺寸{{ shareCardSize0 }}，格式 jpg/jpeg/png，大小 {{ shareCardSize1 }} M以内。</div>
                 </el-form-item>
+                <el-form-item label="分享朋友圈" label-width="122px">
+                  <div class="flex">
+                    <img :src="item.conditionJson.momentsCard" alt="游戏背景" style="width: 100px;height: 100px;" />
+                    <el-upload class="avatar-uploader" action="123" :show-file-list="false" :disabled="isDisabled" :before-upload="file => beforeAvatarUpload(file, 'momentsCard', momentsCardSize1)">
+                      <el-button type="text" class="ml16" :disabled="isDisabled">替换图片</el-button>
+                    </el-upload>
+                  </div>
+
+                  <div class="tips mt6">图片建议尺寸{{ momentsCardSize0 }}，格式 jpg/jpeg/png，大小 {{ momentsCardSize1 }} M以内。</div>
+                </el-form-item>
                 <el-form-item label="分享海报" label-width="122px">
                   <div class="flex">
                     <img :src="item.conditionJson.shareReport" alt="游戏背景" style="width: 100px;height: 178px;" />
@@ -215,6 +225,7 @@ export default {
               subscribeMsg: '恭喜你已完成助力',
               shareTitle: '我正在参加幸运大盲盒，邀请你一起参加！',
               shareCard: '',
+              momentsCard: '',
               shareReport: ''
             }
           }
@@ -237,6 +248,8 @@ export default {
       boolVal: true,
       shareCardSize0: '',
       shareCardSize1: 1,
+      momentsCardSize0: '',
+      momentsCardSize1: 1,
       shareReportSize1: 1,
       shareReportSize0: ''
     };
@@ -261,12 +274,15 @@ export default {
   watch: {
     shareImgData(val) {
       console.log(val.shareCard);
-      const { shareCard, shareReport, shareCardSize0, shareCardSize1, shareReportSize1, shareReportSize0 } = val;
+      const { shareCard, shareReport, shareCardSize0, shareCardSize1, shareReportSize1, shareReportSize0, momentsCard, momentsCardSize0, momentsCardSize1 } = val;
       this.ruleForm.gameRuleConditionList[2].conditionJson.shareCard = shareCard;
+      this.ruleForm.gameRuleConditionList[2].conditionJson.momentsCard = momentsCard;
       this.ruleForm.gameRuleConditionList[2].conditionJson.shareReport = shareReport;
       this.ruleForm.shareImageUrl = shareCard;
       this.shareCardSize0 = shareCardSize0;
       this.shareCardSize1 = shareCardSize1;
+      this.momentsCardSize0 = momentsCardSize0;
+      this.momentsCardSize1 = momentsCardSize1;
       this.shareReportSize1 = shareReportSize1;
       this.shareReportSize0 = shareReportSize0;
       this.ruleForm.gameRuleConditionList = this.ruleForm.gameRuleConditionList.splice(0);
@@ -378,6 +394,8 @@ export default {
             if (key == 'shareCard') {
               this.ruleForm.gameRuleConditionList[2].conditionJson.shareCard = data.result.qcloudImageUrl;
               this.ruleForm.shareImageUrl = data.result.qcloudImageUrl;
+            } else if (key == 'momentsCard') {
+              this.ruleForm.gameRuleConditionList[2].conditionJson.momentsCard = data.result.qcloudImageUrl;
             } else {
               this.ruleForm.gameRuleConditionList[2].conditionJson.shareReport = data.result.qcloudImageUrl;
             }