<template>
  <div class="livedShareDia">
    <van-popup
      :show="showShareDia"
      position="bottom"
      :close-on-click-overlay="true"
      @close="closeDia"
    >
      <div class="share flex">
        <div class="wxShare">
          <button data-name="shareBtn" open-type="share" plain="true">
            <img
              src="data:image/png;base64,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"
              alt
            />
            <p class="tit">微信分享</p>
          </button>
        </div>
        <div class="createPoster" @click="isLogin">
          <img
            src="data:image/png;base64,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"
            alt
          />
          <p class="tit">生成海报</p>
        </div>
      </div>
      <div class="cancel" @click="closeDia">取消</div>
    </van-popup>
    <livedposterDia
      v-if="againLoadingPoster"
      :showPosterDia="showPosterDia"
      :posterInfo="posterInfo"
      :userInfo="userInfo"
      :infoIsComplete="infoIsComplete"
      @closePosterDia="closePosterDia"
    ></livedposterDia>
  </div>
</template>

<script type="text/ecmascript-6">
import livedposterDia from "@/components/livedModel/livedposterDia";
import live from "@/api/live";
import { DFSImg } from "@/utils/index";
import spokesman from "@/api/spokesman";
export default {
  props: ["showShareDia", "info"],
  name: "",
  data() {
    return {
      liveId: "",
      shopName: "",
      shopLogo: "",
      backPath: "",
      showPosterDia: false,
      posterInfo: {},
      againLoadingPoster: false, // 是否开始加载海报
      userInfo : {},
      spokesmanObj: {}, //分销员信息

      infoIsComplete:false,
    };
  },
  components: {
    livedposterDia
  },
  computed: {},
  created() {},
  onLoad(options) {
    if(options.params){
      let params = JSON.parse(options.params);
      this.liveId = params.liveId;  
      this.shopName = params.shopName;
      this.backPath = params.fromPagePath || "/";
      this.shopLogo = DFSImg(params.shopLogo, 40, 40);
    }else if(options.scene){
      var scene = decodeURIComponent(options.scene); //参数二维码传递过来的参数
      console.log(scene)
      let sceneInfo = scene.split(',')
      console.log('sceneInfo',sceneInfo)
      this.liveId = sceneInfo[0].split('=')[1]
    }
    
    this.getSpokesman()
    // this.init();
    console.log(this.info, "--------------------------67");
  },
  onUnload() {},
  mounted() {},
  onShow(){
    console.log('onSHow..........................')
    this.showPosterDia = false;
    this.infoIsComplete = false;
    this.againLoadingPoster = false;
    // this.init();
    this.getSpokesman()
  },
  methods: {
    closePosterDia() {
      this.showPosterDia = false;
    },
    getSpokesman() {
      spokesman.getSpokesmanidByShare().then(res => {
        if (res.data.code == 200) {
          if (res.data.data.hasInvitationStatus == 1) {
            this.hasInvitationStatus = 1;
            this.spokesmanObj = {
              spokesmanGroupId: res.data.data.groupId,
              spokesmanShopId: res.data.data.shopId,
              spokesmanRelId: res.data.data.spokesmanId
            };
          }
          this.init()
        }
      });
    },
    // 初始化信息
    init() {
      // 获取小程序码
      console.log(this.spokesmanObj,'this.spokesmanObj')
      let id = Number(this.liveId);
      let fxyInfo = '';
      if(this.spokesmanObj.spokesmanGroupId){
        fxyInfo = `hb_${this.spokesmanObj.spokesmanGroupId}_${this.spokesmanObj.spokesmanShopId}_${this.spokesmanObj.spokesmanRelId}`
      }
      live.getLiveQRCode(id,fxyInfo).then(res => {
        
        if (res.data.code == 200) {
          let cImg = DFSImg(this.info.posterCoverUrl);
          let query = {
            liveId: this.liveId,
            livedTitle: this.info.title,
            livedStatus: this.info.liveBroadcastState,
            posterCoverUrl : DFSImg(this.info.posterCoverUrl)
          };
          
          console.log('cImg -----------------',cImg)
          if (cImg.indexOf("https") == -1) {
            query.posterCoverUrl = cImg.replace("http", "https");
          }
          console.log('query -----------------',query)
          let newTime = new Date(this.info.startTime.replace(/-/g, "/"));
          query.livedTime = `${newTime.getMonth() + 1}月${newTime.getDate()}日  ${Number(newTime.getHours()) < 10 ? '0' + Number(newTime.getHours()) : newTime.getHours()}:${Number(newTime.getMinutes()) < 10 ? '0' + Number(newTime.getMinutes()) : newTime.getMinutes()}`;
          let qrCode = DFSImg(res.data.data);
          if (qrCode.indexOf("https") == -1) {
            query.qrCode = qrCode.replace("http", "https");
          }
          this.posterInfo = query;
          
          live.getUserInfo().then(res1 => {
            if(res1.data.code == '200'){
              this.infoIsComplete = true
              this.userInfo = res1.data.data;
              this.againLoadingPoster = true;
              
              
              console.log(this.userInfo)
              console.log('111111111111111111111111111')
            }
          })
        }
      });

      
    },
    initShare() {},
    //   关闭
    closeDia() {
      this.$emit("closeShareDia");
    },
    // 是否登录
    isLogin(val) {
      let _this = this;
      wx.getStorage({
        key: "sessionid",
        success(res) {
          console.log('1111111111')
          _this.toCreatePoster();
        },
        fail(res) {
          _this.$emit("closeShareDia");
          console.log("未登录------150");
          // 跳转登录页
          let backUrl = "/lived/main";
          let query = {
            liveId: _this.liveId,
            fromType: "mini"
          };
          let url = `/pages/login/main?back=${backUrl}&params=${JSON.stringify(
            query
          )}`;
          wx.navigateTo({
            url: url
          });
        }
      });
    },
    // 去海报页面
    toCreatePoster() {
      // let query = {
      //   liveId: this.liveId,
      //   livedTitle: this.info.title,
      //   livedStatus: this.info.liveBroadcastState
      // };
      // let cImg = DFSImg(this.info.coverUrl);
      // if (cImg.indexOf("https") == -1) {
      //   query.coverUrl = cImg.replace("http", "https");
      // }
      // let newTime = new Date(this.info.startTime.replace(/-/g, "/"));
      // query.livedTime = `${newTime.getMonth() + 1}月${newTime.getDate() -
      //   1}日  ${newTime.getHours()}:${newTime.getMinutes()}`;
      // console.log(this.info, "--------------96");
      // this.posterInfo=query;
      this.$emit("closeShareDia");
      this.showPosterDia = true;
      // let url = `/pages/livedPoster/main?params=${JSON.stringify(query)}`;
      // wx.navigateTo({
      //   url: url
      // });
    }
  }
};
</script>

<style lang="scss" scoped>
.flex {
  display: flex;
}
img {
  display: block;
}
.livedShareDia {
  width: 100vw;
  .share {
    box-sizing: border-box;
    width: 100%;
    justify-content: space-around;
    align-items: center;
    padding: 20px;
    & > div {
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 30px;
      img {
        width: 60px;
        height: 60px;
      }
      .tit {
        font-size: 16px;
        color: #000;
      }
    }
    .wxShare {
      button {
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 30px;
      }
      button[plain] {
        border: 0;
      }
    }
  }
  .cancel {
    border-top: 10px solid #e5e4e9;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
  }
}
</style>