<template>
  <div>
    dfd
    <div class="signPromptDiv" :style="signPromptStyle">
      <div style="display: flex;">
        asdsa
        <span>已{{ content }}签到</span>
        <span class="daySpan">{{ hasCumSignDay }}天</span>

        <div v-if="!isMostDrawCount">
          <!-- <div  style="display: flex;" v-if="needCumSignDay == 0">
            <div style="display: flex;" v-if="restDrawCount == 0">
              <span>，再签到</span>
              <span class="daySpan">{{ needCumSignDay }}</span>
              <span>天可以抽奖</span>
            </div>
          </div>
          -->
          <div>
            <span>，再签到</span>
            <span class="daySpan">{{ needCumSignDay }}</span>
            <span>天可获抽奖机会</span>
          </div>
        </div>

        <div v-if="isMostDrawCount"><span>,抽奖次数已达活动上限</span></div>
      </div>

      <!-- <ul v-if="!isMostDrawCount"> -->
      <!-- <ul v-if="needCumSignDay == 0">
          <ul v-if="restDrawCount == 0">
            <span>，再签到</span>
            <span class="daySpan">{{ needCumSignDay }}</span>
            <span>天可以抽奖</span>
          </ul>
        </ul> -->
      <!-- <ul v-else-if="needCumSignDay != 0">
          <span>，再签到</span>
          <span class="daySpan">{{ needCumSignDay }}</span>
          <span>天可以抽奖</span>
        </ul> -->
      <!-- </ul> -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: '',
      signPromptStyle: {
        display: 'flex',
        'justify-content': 'center',
        position: 'absolute',
        top: '3.04rem',
        'font-size': '0.24rem',
        color: '#fff',
        width: '100%',
        'text-align': 'center'
      },
      hasCumSignDay: '',
      needCumSignDay: ''
    };
  },
  created() {
    // this.hasCumSignDay = 0;
    // this.needCumSignDay = 0;
    this.activityType = sessionStorage.getItem('activityType');
    console.log(this.activityType);
    if (this.activityType == 1 || this.activityType == 10001) {
      this.content = '累计';
    } else if (this.activityType == 4 || this.activityType == 10004) {
      this.content = '连续';
    }
    this.publicData.$on('updata', ress => {
      console.log(ress);
      this.isMostDrawCount = ress.isMostDrawCount;
      this.hasCumSignDay = ress.hasCumSignDay;
      this.needCumSignDay = ress.needCumSignDay;
      this.restDrawCount = ress.restDrawCount;
      this.signPlus = ress.signPlus;
    });
  },

  methods: {}
};
</script>

<style></style>
