<template>
  <div class="conditionDivAllC" v-if="show" @click='clickEmpty()'>
    <div @click='stopClickEmpty'>
      <div class="bgTitleDiv" :style="styleDataNew.bgTitleDiv">
        <div>活动获奖条件</div>
        <div><img class="closeDiv" @click="closeClick()" src="//img10.360buyimg.com/imgzone/jfs/t1/133343/17/19838/1158/5fd5c798E72ccdde6/51194de08ba1e3dc.png" /></div>
      </div>
      <div class="contentDivAll" :style="styleDataNew.contentDivAll">

        <div class="itemDiv" :style="styleDataNew.itemDiv">活动时间：</br><span class="contentSpan" :style="styleDataNew.contentSpan">在{{surveyMainData.activityStartTime | filterDate}} - {{surveyMainData.activityEndTime | filterDate}}</span></div>

        <div class="itemDiv" :style="styleDataNew.itemDiv">领奖条件：</br>
          <span class="contentSpan" :style="styleDataNew.contentSpan">1，参与并完成所有问卷题目的回答，有机会获得【{{surveyMainData.questionPrize}}】的答题奖励；</span></br>
          <span class="contentSpan" :style="styleDataNew.contentSpan" v-if="surveyMainData.isOpen == 1">2，按规定每分享并成功邀请好友{{surveyMainData.shareNum}}人，有机会获得【{{surveyMainData.sharePrize}}】的邀请奖励</span></br>
       </div>

       <div class="itemDiv" :style="styleDataNew.itemDiv">备注：</br>
          <span class="contentSpan" :style="styleDataNew.contentSpan">1，奖品数量有限，先到先得；</span></br>
          <span class="contentSpan" :style="styleDataNew.contentSpan">2，如活动奖励是实物奖品，获奖用户需在活动结束前完成邮寄地址填写，否则将视为放弃机会；</span></br>
          <span class="contentSpan" :style="styleDataNew.contentSpan">3，其他需遵守的活动规则，具体需参照【活动规则】</span></br>

       </div>

      </div>
    </div>
  </div>
</template>

<script>
  import apis from '../../../util/apis1.js';
let { getActivityBasic } = apis;
export default {
  data() {
    return {
      surveyMainData:{},
    };
  },
  created() {
    this.initData();
    // console.log(this.isOPenShare,this.datasAll,'this.datasAllthis.datasAllthis.datasAllthis.datasAll')
  },
  methods: {
    initData(){
      this.surveyMainData = this.datasAll;
    },
    closeClick() {
      this.canScroll();
      this.submit();
    },
    //点击空白处关闭弹框
    clickEmpty(){
      this.closeClick();
    },
    //阻止冒泡
    stopClickEmpty(event){
      event.stopPropagation();
    },
  }
};
</script>

<style lang="scss">
.conditionDivAllC {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;

  .closeDiv {
    position: absolute;
    top: 0.3rem;
    right: 0.26rem;
    width: 0.22rem;
    height: 0.22rem;
  }
  .contentDivAll{
    margin-top: -0.1rem;
    width: 5rem;
    // height: 6.02rem;
    background: #FFFFFF;
    border-radius: 0.1rem;
    position: relative;
    padding: 0.34rem 0.34rem 0.45rem 0.34rem;

  }
}
</style>
