<template>
  <div
    :key="timer"
    class="sigPrizeNew"
    :style="styleData[keyData.signPrizeDiv]"
  >
    <div>
      <!-- 活动规则 -->
      <div
        v-lz-click="'18'"
        @click="operClick(1)"
        :style="styleData.imageBtnStyle"
        v-if="datas.isSign && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.imageSignStyle" :src="styleDataNew.imageSignStyle.imageUrl" /> -->
        活动规则
      </div>
      <!-- 我的奖品 -->
      <div
        @click="operClick(2)"
        v-lz-click="'19'"
        :style="styleData.imageBtnStyle"
        v-if="datas.isPrize && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.imagePrizeStyle" :src="styleDataNew.imagePrizeStyle.imageUrl" /> -->
        我的奖品
      </div>
      <!-- 邀请好友 -->
      <div
        @click="operClick(4)"
        :style="styleData.imageBtnStyle"
        v-if="datas.shareBtn && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.shareFriendStyle" :src="styleDataNew.shareFriendStyle.imageUrl" /> -->
        邀请好友
      </div>

      <!-- 我的好友 -->
      <div
        @click="operClick(5)"
        :style="styleData.imageBtnStyle"
        v-if="styleData.isFriend && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.imageMyFriendsStyle" :src="styleDataNew.imageMyFriendsStyle.imageUrl" /> -->
        我的好友
      </div>

      <div
        @click="operClick(8)"
        v-lz-click="'4'"
        :style="styleData.imageBtnStyle"
        v-if="datas.isGoToShop && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.imageMyFriendsStyle" :src="styleDataNew.imageMyFriendsStyle.imageUrl" /> -->
        进店逛逛
      </div>
      <div
        @click="operClick(6)"
        :style="styleData.imageBtnStyle"
        v-if="datas.recordBtn && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.imageMyFriendsStyle" :src="styleDataNew.imageMyFriendsStyle.imageUrl" /> -->
        游戏记录
      </div>

      <div
        @click="operClick(90)"
        :style="styleData.imageBtnStyle"
        v-if="datas.getMyOrderRepurchase && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.imageMyFriendsStyle" :src="styleDataNew.imageMyFriendsStyle.imageUrl" /> -->
        我的订单
      </div>

      <div
        @click="operClick(7)"
        :style="styleData.imageBtnStyle"
        v-if="datas.myOrder && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.imageMyFriendsStyle" :src="styleDataNew.imageMyFriendsStyle.imageUrl" /> -->
        我的订单
      </div>

      <div
        @click="operClick(11)"
        :style="styleData.imageBtnStyle"
        v-if="datas.isShowDrawRecord && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.imageMyFriendsStyle" :src="styleDataNew.imageMyFriendsStyle.imageUrl" /> -->
        抽奖记录
      </div>

      <div
        @click="operClick(12)"
        :style="styleData.imageBtnStyle"
        v-if="datas.isDrawChanceRecord && styleData.imageBtnStyle"
      >
        抽奖机会
      </div>

      <div
        @click="operClick(85)"
        :style="styleData.imageBtnStyle"
        v-if="datas.isAuction && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.imageMyFriendsStyle" :src="styleDataNew.imageMyFriendsStyle.imageUrl" /> -->
        竞拍记录
      </div>

      <!-- 我的好友 -->
      <div
        @click="operClick(4)"
        :style="styleData.imageBtnStyle"
        v-if="datas.shareFriendBtn && styleData.imageBtnStyle"
      >
        <!-- <img :style="styleDataNew.shareFriendStyle" :src="styleDataNew.shareFriendStyle.imageUrl" /> -->
        我的好友
      </div>

      <div
        @click="operClick(9)"
        :style="styleData.imageBtnStyle"
        v-if="styleData.imageBtnStyle && isShowCheckOrder"
      >
        订单查询
      </div>
      <!--lotteryBtn-->
      <div
        @click="goShop"
        v-lz-click="'4'"
        v-if="datas.shopBtn && styleDataNew.imageShopStyle"
      >
        <img
          :style="styleDataNew.imageShopStyle"
          :src="styleDataNew.imageShopStyle.imageUrl"
        />
      </div>

      <div
        @click="operClick('96-ord')"
        :style="styleData.imageBtnStyle"
        v-if="datas.ordRecord && styleData.imageBtnStyle"
      >
        订单记录
      </div>
      <div
        @click="operClick('96-award')"
        :style="styleData.imageBtnStyle"
        v-if="datas.awardRecord && styleData.imageBtnStyle"
      >
        领奖记录
      </div>
      <div
        @click="operClick('96-activityGoods')"
        :style="styleData.imageBtnStyle"
        v-if="datas.activityGoods && styleData.imageBtnStyle"
      >
        活动商品
      </div>
      <!-- care:下单类活动商品,不在json里面写是因为会影响已经有自定义的活动 -->
      <div
        @click="operClick('30-activityGoods')"
        :style="styleData.imageBtnStyle"
        v-if="activityType == '10030' && assignGoodsFlag && styleData.imageBtnStyle"
      >
        {{ assignGoodsType == 1 ? '活动商品':'排除商品' }}
      </div>
      <div
        @click="operClick('30-activityGoods')"
        :style="styleData.imageBtnStyle"
        v-if="activityType == '10088' && assignGoodsFlag && styleData.imageBtnStyle"
      >
        活动商品
      </div>

      <div
        @click="operClick('107')"
        :style="styleData.imageBtnStyle"
        v-if="datas.timeCycle && styleData.imageBtnStyle"
      >
        我的抽奖码
      </div>
    </div>
  </div>
</template>

<script>
import {
  ShareFriendPopComService,
  LuckDrawRecordPopComService,
  GiftPopComService
} from "../../../util/comCreate.js";
import {
  AcRulePopComService,
  MyPrizePopComService,
  HdzxtMyFriendPopComServiceNew2,
  MyOrderPrizePopComService,
  ClientLogComService,
  StepMyOrderPopService,
  hdzxtMyOrderAnotherPopService,
  OrderCheckPopNewService,
  drawRecordPopNewService,
  auctionHistoryService,
  // ordAwardService,
  activityGoodsService,
  orderActivityGoodsService,
  drawChancePopService,
  timeCyclePopComService
} from "../../../util/hdzxtcomCreate.js";
import { goToShopPage } from "../../../util/tools.js";
import store from "../../../store/store";
import { Toast } from "vant";
import apis1 from "../../../util/apis1.js";
let { storeGoodsPoint, checkOrderByActType } = apis1;
import bus from '../../../util/bus.js';
export default {
  props: [
    "datas",
    "styleData",
    "keyData",
    "isTemplate",
    "templateData",
    "modifyContent",
    "isWebClick"
  ],
  data() {
    return {
      timer: new Date().getTime(),
      isShowImg: true, // 活动规则是 按钮图片 false 不显示图片
      isShow: true,
      isShowImg2: false,
      isEditAddress: true, //是否可以编辑地址 默认可以编辑地址
      isAlLookAddress: false, //是否可以一直查看地址 默认不可以一直查看
      isShowLuckDrawRecord: false, // 积分猜大小 游戏记录
      styleDataNew: {},
      styleDataOld: {},
      myPrizePopComData: {
        styleData: {},
        datas: {},
        keyData: {
          prizeType: "prizeType",
          prizeUrl: "showImg",
          prizeName: "prizeName",
          prizeDate: "dayTime",
          prizeStatus: "activityType",
          realName: "realName",
          recevierPhone: "mobile",
          logisticsJson: "logisticsJson",
          nickName: "nickName"
        }
      },
      acRulePopComData: {
        styleData: {},
        datas: {},
        keyData: {}
      },
      goToShopList: [],
      shareFlag: false,
      shareUserId: "",
      goToshopImg: true,
      LogoUrl: null,
      shopFlag: false, // true 不需要从新请求API
      shopNameFlag: false,
      isShowCheckOrder: false, //是否显示同步订单
      activityType:'',
      assignGoodsFlag:false,
      isGame: false,
      isInvite: false,
      assignGoodsType:0,
    };
  },

  created() {
    // console.log(this.styleData, 'llllllllllll');
    console.log(this.datas, "llllllllllllaaaaaaaaa");
    //深拷贝重置需要
    this.styleDataOld = JSON.parse(JSON.stringify(this.styleData));
    //如果父组件传递过来的样式数据则使用样式数据否则使用默认数据
    this.styleDataNew = this.styleData; //父组件传递过来的样式数据
    this.isShow = this.datas.isShowPrize;
    this.isShowImg = this.datas.isShowImg == false ? false : true;
    this.isShowImg2 = this.datas.isShowImg2 == false ? false : true;
    this.isEditAddress = this.datas.isEditAddress == false ? false : true;
    this.isAlLookAddress = this.datas.isAlLookAddress == true ? true : false;
    this.isShowLuckDrawRecord =
      this.datas.isShowLuckDrawRecord == true ? true : false;
    this.publicData.$on("showMyPrize", datas => {
      if (datas == true) {
        //显示我的奖品组件
        this.isShow = true;
        if (this.isTemplate == true) {
          this.initData(this.templateData);
        } else {
          this.initData();
        }
      } else {
        this.isShow = false;
      }
    });

    // this.initData();
    console.log(this.datas, "zxcxczxcb");
    if (!this.isTemplate) {
      this.checkOrderByActType();
    }
    this.activityType = sessionStorage.getItem("activityType");
  },
  mounted(){
    bus.$on('assignGoodsFlag',(data)=>{
      if(data == '1' || data == '2'){
        this.assignGoodsFlag = true
        this.assignGoodsType = data
      }else{
        this.assignGoodsFlag = false
      }
    })
    
    this.publicData.$on('isInvite', (value)=>{
      this.isInvite = value
    });
  },
  methods: {
    //判断是否显示同步订单
    checkOrderByActType() {
      // checkOrderByActType(sessionStorage.getItem('activityType'),(initdatas)=>{
      //   console.log(initdatas,'initdatasinitdatas');
      //   if(initdatas.data === true){
      //    this.isShowCheckOrder = true;
      //    this.timer = new Date().getTime();
      //   }
      // })
    },
    //点击可修改位置的方法

    initData() {
      var datas = this.templateData;
      if (this.isTemplate == true) {
        this.templateData = datas;
      }
      this.isShow = this.datas.isShowPrize;
      this.timer = new Date().getTime();
      // this.publicData.$emit("isNotyFiceWinnerReorrd",true,this.isTemplate)
    },

    goShop() {
      if (this.isTemplate == true) {
        // this.$toast('活动预览，仅供查看');
        return;
      }
      let shopId = store.state.shopId;
      storeGoodsPoint(4);
      goToShopPage(shopId);
    },

    //type 1 签到规则 2 我的奖品 3、积分抽奖记录 6、游戏记录 9订单同步11抽奖记录
    operClick(type) {
      console.log(this.isWebClick, type);
      if (this.isWebClick) {
        return;
      }
      if (this.isTemplate) {
        // this.$toast('活动预览，仅供查看');
        return;
      }
      switch (type) {
        case 1:
          // this.$emit('operClick', 1);
          this.doFrontBuryPoint({code: 'banner-hdge',value: '',event: 'pop'})
          console.log("签到规则1", this.acRulePopComData);
          console.log("签到规则2", this.templateData);
          AcRulePopComService.create(
            this.acRulePopComData,
            this.isTemplate,
            this.templateData,
            this.styleData,
            prizeRecordDetilClick => {
              AcRulePopComService.close();
            }
          );
          break;
        case 2:
          let actStatus = sessionStorage.getItem("actStatus");
          let activityType = sessionStorage.getItem("activityType");

          if (actStatus == 1) {
            // Toast('活动尚未开始');
            Toast({
              message: "活动尚未开始",
              onClose: () => {
                Toast.clear();
              }
            });
            return;
          }
          // this.$emit('operClick', 2);
          this.doFrontBuryPoint({code: 'banner-wdjp',value: '',event: 'pop'})
          this.myPrizePopComData.datas.isEditAddress = this.isEditAddress;
          this.myPrizePopComData.datas.isAlLookAddress = this.isAlLookAddress;
          console.log("我的奖品", this.myPrizePopComData);
          if (activityType == 10030 || (activityType == 10077 && sessionStorage.getItem("grantType") == "1")) {
            MyOrderPrizePopComService.create(
              this.myPrizePopComData,
              this.isTemplate,
              this.styleData,
              prizeRecordDetilClick => {
                MyOrderPrizePopComService.close();
              }
            );
          } else {
            MyPrizePopComService.create(
              this.myPrizePopComData,
              this.isTemplate,
              this.styleData,
              prizeRecordDetilClick => {
                MyPrizePopComService.close();
              }
            );
          }
          break;
        case 3:
          let actStatus1 = sessionStorage.getItem("actStatus");
          if (actStatus1 == 1) {
            this.$toast("活动尚未开始");
            return;
          }
          LuckDrawRecordPopComService.create(
            this.myPrizePopComData,
            this.isTemplate,
            prizeRecordDetilClick => {
              LuckDrawRecordPopComService.close();
            }
          );
          break;
        case 4:
          // ShareFriendPopComService
          ShareFriendPopComService.create(prizeRecordDetilClick => {
            ShareFriendPopComService.close();
          });
          break;
        case 5:
          let actStatus2 = sessionStorage.getItem("actStatus");
          if (actStatus2 == 1) {
            this.$toast("活动尚未开始");
            return;
          }
          HdzxtMyFriendPopComServiceNew2.create(
            this.styleData,
            this.datas,
            submit => {
              HdzxtMyFriendPopComServiceNew2.close();
            }
          );
          break;
        case 6:
          let actStatus3 = sessionStorage.getItem("actStatus");
          if (actStatus3 == 1) {
            this.$toast("活动尚未开始");
            return;
          }
          ClientLogComService.create(this.styleData, this.datas, submit => {
            ClientLogComService.close();
          });
          break;
        case 7:
          let actStatus4 = sessionStorage.getItem("actStatus");
          if (actStatus4 == 1) {
            this.$toast("活动尚未开始");
            return;
          }
          this.stopScroll();
          this.doFrontBuryPoint({code: 'tc-ddcx',value: '',event: 'pop'})
          StepMyOrderPopService.create(
            this.isTemplate,
            this.styleData,
            submit => {
              this.canScroll();
              StepMyOrderPopService.close();
            }
          );
          break;
        case 8:
          let actStatus8 = sessionStorage.getItem("actStatus");
          if (actStatus8 == 1) {
            this.$toast("活动尚未开始");
            return;
          }
          this.goShop();
          break;
        case 9:
          OrderCheckPopNewService.create(callBack => {
            OrderCheckPopNewService.close();
          });
          this.doFrontBuryPoint({code: 'banner-ddcx',value: '',event: 'pop'})
          break;
        case 10:
          let actStatus10 = sessionStorage.getItem("actStatus");
          if (actStatus10 == 1) {
            this.$toast("活动尚未开始");
            return;
          }
          ClientLogComService.create(this.styleData, this.datas, submit => {
            ClientLogComService.close();
          });
          break;
        case 11:
          drawRecordPopNewService.create(
            this.isTemplate,
            this.styleData,
            submit => {
              drawRecordPopNewService.close();
            }
          );
          break;
        case 12:
          console.log(898989);
          drawChancePopService.create(
            this.isTemplate,
            this.styleData,
            submit => {
              drawChancePopService.close();
            }
          );
          break;
        case 85:
          auctionHistoryService.create(
            this.isTemplate,
            this.styleData,
            submit => {
              auctionHistoryService.close();
            }
          );
          break;
        case 90:
          console.log("wode dingdn ");
          let actStatus90 = sessionStorage.getItem("actStatus");
          if (actStatus90 == 1) {
            this.$toast("活动尚未开始");
            return;
          }
          this.stopScroll();
          hdzxtMyOrderAnotherPopService.create(
            this.isTemplate,
            this.styleData,
            submit => {
              this.canScroll();
              hdzxtMyOrderAnotherPopService.close();
            }
          );
          break;
        // case "96-ord":
        //   if (sessionStorage.getItem("actStatus") == 1) {
        //     this.$toast("活动尚未开始");
        //     return;
        //   }
        //   this.stopScroll();
        //   StepMyOrderPopService.create(this.isTemplate, this.styleData, () => {
        //     this.canScroll();
        //     StepMyOrderPopService.close();
        //   });
        //   break;
        // case "96-award":
        //   if (sessionStorage.getItem("actStatus") == 1) {
        //     this.$toast("活动尚未开始");
        //     return;
        //   }
        //   this.stopScroll();
        //   ordAwardService.create(() => {
        //     this.canScroll();
        //     ordAwardService.close();
        //   }, this.styleData);
        //   break;
        // case "96-activityGoods":
        //   if (sessionStorage.getItem("actStatus") == 1) {
        //     this.$toast("活动尚未开始");
        //     return;
        //   }
        //   const stepOrdPrize = this.$parent.$parent.$children[2];
        //   if (stepOrdPrize.assignGoodsFlag === 0) {
        //     this.goShop();
        //   } else {
        //     this.stopScroll();
        //     activityGoodsService.create(() => {
        //       this.canScroll();
        //       activityGoodsService.close();
        //     }, this.styleData);
        //   }

        //   break;
          case "30-activityGoods":
            if (sessionStorage.getItem("actStatus") == 1) {
              this.$toast("活动尚未开始");
              return;
            }
            orderActivityGoodsService.create(this.assignGoodsType, this.styleData, submit => {
              orderActivityGoodsService.close();
            });
          break;
        case "107":
          if (sessionStorage.getItem("actStatus") == 1) {
            this.$toast("活动尚未开始");
            return;
          }
          timeCyclePopComService.create(
            this.acRulePopComData,
            this.isTemplate,
            this.templateData,
            this.styleData,
            () => {
              timeCyclePopComService.close();
            }
          );
        break
      }
    }
  }
};
</script>

<style lang="scss"></style>
