<template>
  <div id="app">
    <el-scrollbar ref="wrap">
      <!-- <div id="nav">
        <router-link to="/">Home</router-link> |
        <router-link to="/about">About</router-link>
      </div> -->
      <router-view/>
      <!-- 抽奖券 -->
      <raffleTickets v-if="raffleTicketsShow" :raffleTicketsData="raffleTicketsData" @closeMyWindow="closeMyWindow" name='raffleTickets'/>
    </el-scrollbar>
    <transition name="el-zoom-in-top" v-if="!isPhone">
      <div class="page-component-up" v-show="top>10" @click="goTop">
        <el-tooltip class="item" effect="dark" content="下载同业助手App" placement="left">
          <img src='http://staticfile.oytour.com/New/Upload/Cloud/2019-08/20190801015414093.png' @click="FootgoUrl('xiazaiAPP')">
        </el-tooltip>
        <el-tooltip class="item" effect="dark" content="返回顶部" placement="left">
          <i class="el-icon-arrow-up"></i>
        </el-tooltip>
      </div>
    </transition>
  </div>
</template>
<script>
import raffleTickets from './components/taskPage/IceCream/raffleTickets'
import { location } from "./assets/utils/getLocation";
export default {
  components: {
    raffleTickets
  },
  data () {
    return {
      top:0,
      raffleTicketsShow: false,
      raffleTicketsData: {},
      isPhone: false
    }
  },
  mounted() {
    var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
      if (ua.match(/MicroMessenger/i) == "micromessenger") {
        //在微信中打开
        this.isPhone=true; 
      } else {
      //否则就是PC浏览器打开
        this.isPhone=false;
      }
    if(!localStorage.g || localStorage.g == "" || localStorage.g=='undefined'||localStorage.g.i==0){
      let msg={
        GroupId:0,
        ErpDomain:'',
        B2BDomain:window.location.host.split(':')[0]
      }
      this.apipost('admin_get_GetGroupDomain',msg,r=>{
        let g={}
        g.i=r.data.data.GroupId
        g.n=r.data.data.GroupName
        g.l=r.data.data.Logo
        localStorage.g=JSON.stringify(g)
      },null)
    }
    document.body.style.minWidth=(screen.availWidth-50)+'px';
    this.$refs.wrap.wrap.addEventListener('scroll', this.handleScroll);
    let userInfo = this.getLocalStorage();
    if(userInfo&&userInfo.account){
      this.$store.commit('changeLogin',1);
      this.$store.commit('updateUser',userInfo);
    }
    this.MsgBus.$on('openRaffleTickets', this.openRaffleTickets)
  },
  methods: {
    FootgoUrl(path){
        this.$router.push({ path })
      },
    getLocation() {
      let _that = this;
      let geolocation = location.initMap("map-container"); //定位
      AMap.event.addListener(geolocation, "complete", result => {
      });
    },
    openRaffleTickets: function (val) {
      this.raffleTicketsData = val
      this.raffleTicketsShow = true
    },
    closeMyWindow: function (val) {
      if (val === 'raffleTickets') {
        this.raffleTicketsShow = false
      }
    },
    goTop(){
      this.$refs.wrap.wrap.scrollTop=0
      this.top=0
    },
    handleScroll(){
      this.top=this.$refs.wrap.wrap.scrollTop
    }
  }
}
</script>

<style>
@import './assets/global/font.css';
@import '//at.alicdn.com/t/font_863923_vbuuda0uxl8.css';
@import './assets/global/global.css';
@import './assets/css/common.css';
body,html{
  padding: 0px;
  margin: 0px;
  font-family:'微软雅黑',' Microsoft YaHei','PingFang','PingFangR';
  -webkit-font-smoothing: antialiased;
  height: 100%;
}
#app{
  height: 100%;
}
.el-scrollbar{
  height: 100%;
}
.el-scrollbar__wrap{
  overflow: auto !important;
  width: 100%;
  height: 100%
}
.el-scrollbar__view{
  width: 100%;
  height: 100%;
}
.page-component-up{
  position: fixed;
  right: calc(8.3% - 60px);
  bottom: 150px;
  width: 40px;
  height: 90px;
  z-index: 2000;
}
.page-component-up img{
  width: 38px;
  height: 38px;
}
.page-component-up i{
    background-color: #fff;
    
    cursor: pointer;
    transition: .3s;
    /* box-shadow: 0 0 6px rgba(0,0,0,.12); */
    z-index: 5;
    border:1px solid #ddd;
    box-sizing: border-box;
    line-height: 40px;
    text-align: center;
    display: inline-block;
}
.page-component-up i{font-size: 36px;color: #bbb;}
.page-component-up i:hover{
  background-color: #EF4455;
  border:1px solid #ec3346;
}
.page-component-up:hover i{
  color: #F1f1f1;
}
</style>