mall-web-ssr/layouts/main.vue

<template>
  <div id="main">
    <header-view v-if="!isInFrame"></header-view>
    <main-header></main-header>
    <christmas v-if="isOpen" @listenopen="listenOpen"></christmas>
    <main-nav></main-nav>
    <nuxt/>
    <footer-view></footer-view>
    <right-bar></right-bar>
  </div>
</template>
<script>
  import { Header, Footer, RightBar, Christmas } from '~components/default'
  import { MainHeader, MainNav } from '~components/main'
  export default {
    name: 'main',
    components: {
      HeaderView: Header,
      FooterView: Footer,
      Christmas,
      RightBar,
      MainHeader,
      MainNav
    },
    data () {
      return {
        isOpen: false
      }
    },
    head () {
      return {
        title: this.title,
        meta: [
          {hid: 'description', name: 'description', content: this.description},
          {hid: 'keywords', name: 'keywords', content: this.keywords}
        ]
      }
    },
    mounted () {
      let user = this.user.logged
      let count = 1
      let self = this
      const nowDate = new Date()
      const activeStartDate = new Date('2017/12/20 00:00:00')
      const activeEndDate = new Date('2017/12/25 00:00:00')
      if (nowDate > activeStartDate && nowDate < activeEndDate) {
        const endTime = window.localStorage.getItem('endTime')
        if (endTime) {
          if (!user) {
            setInterval(function () {
              count++
              if (count >= 30) {
                count = 1
                self.isOpen = true
              }
            }, 1000)
          } else if (nowDate.getTime() - endTime >= 1000 * 60 * 2) {
            this.isOpen = true
            window.localStorage.setItem('endTime', nowDate.getTime())
          } else {
            this.isOpen = false
          }
        } else {
          this.isOpen = true
          window.localStorage.setItem('endTime', nowDate.getTime())
        }
      } else {
        this.isOpen = false
      }
    },
    methods: {
      listenOpen () {
        this.isOpen = false
      }
    },
    computed: {
      user () {
        return this.$store.state.option.user
      },
      isInFrame () {
        let cookies = this.$store.state.option.cookies
        let cookieArr = cookies.split(';')
        let cookieObj = {}
        for (let i = 0; i < cookieArr.length; i++) {
          let tmpArr = cookieArr[i].split('=') || []
          if (tmpArr.length === 2) {
            cookieObj[tmpArr[0].trim()] = tmpArr[1].trim()
          }
        }
        return cookieObj.type === 'erp' || this.$route.query.type === 'erp'
      },
      title () {
        let path = this.$route.path
        if (path === '/product/kind/home') {
          return '电子元器件器件选型参数型号查询器件类别分类大全-优软商城'
        } else if (path.startsWith('/product/kind/')) {
          return this.kinds[this.kinds.length - 1].nameCn + '产品品牌型号大全-优软商城'
        } else if (path.startsWith('/product/component/')) {
          return this.componentDetail.brand.nameCn + this.componentDetail.code + '参数|供应商|数据手册中文资料|规格书-优软商城'
        } else if (path.startsWith('/product/brand/brandList/')) {
          return 'IC电子元器件品牌中心品牌大全-优软商城'
        } else if (path.startsWith('/product/brand/')) {
          return this.brandDetail.nameEn + '(' + this.brandDetail.nameCn + ')产品分类及产品型号大全-优软商城'
        } else if (path === '/provider/factories') {
          return 'IC电子元器件厂家原厂直销原厂专卖店大全-优软商城'
        } else if (path === '/provider/home') {
          return 'IC电子元器件代理商经销商专营店大全-优软商城'
        } else if (path === '/news') {
          return 'IC电子元器件行业市场资讯新闻-优软商城'
        } else if (path.startsWith('/news/')) {
          return this.newsDetail.title + '-电子元器件行业资讯-优软商城' || 'IC电子元器件行业市场资讯新闻-优软商城'
        } else if (path === '/search') {
          return this.$route.query.w + '-产品搜索-优软商城'
        } else if (path === '/searchStore') {
          return this.$route.query.w + '-店铺搜索-优软商城'
        } else {
          return '【优软商城】IC电子元器件现货采购交易平台商城'
        }
      },
      description () {
        let path = this.$route.path
        if (path === '/product/kind/home') {
          return '优软商城电子元器件器件型号查询器件类别分类大全,优软商城提供元器件智能选型服务,能让您完美的找到热门型号的替代型号产品，一键搜索功能让您快速找到您想要的型号。'
        } else if (path.startsWith('/product/kind/')) {
          return '优软商城' + this.kinds[this.kinds.length - 1].nameCn + '产品品牌型号大全，能让您快速的找到' + this.kinds[this.kinds.length - 1].nameCn + '产品品牌型号。'
        } else if (path.startsWith('/product/component/')) {
          return '优软商城提供' + this.componentDetail.brand.nameCn + this.componentDetail.code + '数据手册中文资料规格书下载，' + this.componentDetail.code + '供应商及参数报价。'
        } else if (path.startsWith('/product/brand/brandList/')) {
          return 'IC电子元器件品牌中心品牌大全，优软商城品牌中心汇聚国内国际电子元器件品牌，全力打造国家级元器件电商品台。'
        } else if (path.startsWith('/product/brand/')) {
          return this.brandDetail.brief
        } else if (path === '/provider/factories') {
          return 'IC电子元器件厂家原厂直销原厂专卖店大全，优软商城原厂专区提供IC电子元器件厂家原厂直销原厂专卖店大全。'
        } else if (path === '/provider/home') {
          return 'IC电子元器件代理商经销商专营店大全，优软商城代理经销专区提供IC电子元器件代理商经销商专卖店大全。'
        } else if (path === '/news') {
          return '优软商城电子元器件采购网提供精准的电子快讯，电子资讯，电子元器件资讯。'
        } else if (path.startsWith('/news/')) {
          return this.newsDetail.summary
        } else {
          return '优软商城（usoftmall.com）是中国领先的IC电子元器件现货采购交易网上商城，提供上千万种电子元器件现货采购交易，采购电子元器件就上优软商城！'
        }
      },
      keywords () {
        let path = this.$route.path
        if (path === '/product/kind/home') {
          return '电子元器件分类,电子元器件参数,电子元器件型号,电子元器件类别'
        } else if (path.startsWith('/product/kind/')) {
          return this.kinds[this.kinds.length - 1].nameCn
        } else if (path.startsWith('/product/component/')) {
          return this.componentDetail.code + '供应商,' + this.componentDetail.code + '数据手册,' + this.componentDetail.code + '规格书'
        } else if (path.startsWith('/product/brand/brandList/')) {
          return 'ic,元器件,品牌'
        } else if (path.startsWith('/product/brand/')) {
          return this.brandDetail.nameEn + '(' + this.brandDetail.nameCn
        } else if (path === '/provider/factories') {
          return '电子元器件原厂,电子元器件厂家'
        } else if (path === '/provider/home') {
          return 'ic代理商,ic经销商,电子元器件代理商 , 电子元器件经销商'
        } else if (path === '/news') {
          return '元器件新闻,电子资讯,电子元器件资讯'
        } else if (path.startsWith('/news/')) {
          return ''
        } else {
          return '优软商城'
        }
      },
      kinds () {
        return this.$store.state.product.kind.kindsParentWithBother.data
      },
      componentDetail () {
        return this.$store.state.componentDetail.detail.data
      },
      brandDetail () {
        return this.$store.state.brandDetail.detail.data
      },
      newsDetail () {
        return this.$store.state.newsData.detailNews.detailNews.data
      }
    }
  }
</script>