{"version":3,"sources":["webpack:///./src/views/Home/index.vue?0aae","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js","webpack:///./node_modules/@babel/runtime/helpers/esm/iterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js","webpack:///./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js","webpack:///./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js","webpack:///src/views/Home/index.vue","webpack:///./src/views/Home/index.vue?c7c2","webpack:///./src/views/Home/index.vue","webpack:///./src/components/Container.vue?4433","webpack:///src/components/Container.vue","webpack:///./src/components/Container.vue?47de","webpack:///./src/components/Container.vue","webpack:///./src/components/Container.vue?ae26","webpack:///./src/views/Home/index.vue?6107"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","attrs","isLoadingShow","staticClass","_l","item","index","key","ID","getLanguageName","_v","_s","BigCategoryName","_e","BigCategoryNameEn","formatDate","SeqTime","class","style","getH","subItem","$getImageUrl","Pic","staticStyle","getTitle","domProps","getContent","getBaseContent","staticRenderFns","_arrayLikeToArray","arr","len","length","i","arr2","Array","_arrayWithoutHoles","isArray","arrayLikeToArray","_iterableToArray","iter","Symbol","iterator","Object","from","_unsupportedIterableToArray","o","minLen","n","prototype","toString","call","slice","constructor","test","_nonIterableSpread","TypeError","_toConsumableArray","arrayWithoutHoles","iterableToArray","unsupportedIterableToArray","nonIterableSpread","components","data","model","newsSet","id","count","pageSize","pageIndex","isShow","props","methods","str","getData","$request","get","res","code","changeData","getNewsSet","$nextTick","info","NewsTitle","NewsTitleEn","BaseContent","BaseContentEn","$textareaFormatter","NewsContent","NewsContentEn","navClick","menuSelect","$el","querySelector","scrollTop","windowHeight","scrollHeight","setTimeout","debounce","computed","created","mounted","$route","params","component","isFixed","on","$event","$goToHome","logoSrc","_t","ref","isFooterFixed","cliclMenu","iconClassValue","navSrc","colorName","$goToMenu","$store","state","language","$goToAbout","$goToSearch","searchSrc","changeLanguage","langSrc","logoEnPathB","logoEnPathW","logoCnPathB","logoCnPathW","navPathB","navPathW","searchPathB","searchPathW","langCnPathB","langCnPathW","langEnPathB","langEnPathW","exhibitionCnPathB","exhibitionCnPathW","exhibitionEnPathB","exhibitionEnPathW","officeCnPathB","officeCnPathW","officeEnPathB","officeEnPathW","projectsCnPathB","projectsCnPathW","projectsEnPathB","projectsEnPathW","publicationCnPathB","publicationCnPathW","publicationEnPathB","publicationEnPathW","exhibitionSrc","officeSrc","projectsSrc","publicationSrc","show","colorID","imgCount","loadImgCount","logoHeightSet","type","Boolean","default","isHeightSet","setColor","scroll","$emit","changeLogoSrc","changeFooterSrc","changeNavSrc","changeSearchSrc","changeLanguageSrc","btnMask","$","hover","parent","css","fadeIn","fadeOut","dispatch","window","addEventListener","watch","immediate","handler"],"mappings":"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","file":"js/chunk-57df6fea.bc0f0433.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Container',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isShow),expression:\"isShow\"}],attrs:{\"isLoadingShow\":_vm.isLoadingShow}},[_c('div',{staticClass:\"canvas-page\"},_vm._l((_vm.newsSet),function(item,index){return _c('div',{key:index,staticClass:\"content\",attrs:{\"id\":'a'+item.ID}},[_c('div',{staticClass:\"date\"},[(_vm.getLanguageName=='cn')?_c('span',{staticClass:\"title-cn title-cn-word\"},[_vm._v(_vm._s(item.BigCategoryName))]):_vm._e(),(_vm.getLanguageName=='en')?_c('span',{staticClass:\"title-en \"},[_vm._v(_vm._s(item.BigCategoryNameEn))]):_vm._e(),_c('span',{staticClass:\"data-word\"},[_vm._v(\" | \"+_vm._s(_vm.formatDate(item.SeqTime)))])]),_c('div',{staticClass:\"slides\"},[_c('div',{staticClass:\"swiper-container\",class:'img-list'},[_c('div',{staticClass:\"swiper-wrapper\"},[_c('div',{staticClass:\"swiper-slide\"},[_c('ul',{style:(_vm.getH(item))},_vm._l((item.NewsPhotoSet),function(subItem,index){return _c('li',{key:index},[(false)?_c('img',{staticClass:\"swiper-lazy\",attrs:{\"data-src\":_vm.$getImageUrl(subItem.Pic)}}):_vm._e(),(false)?_c('div',{staticClass:\"swiper-lazy-preloader swiper-lazy-preloader-white\"}):_vm._e(),(true)?_c('img',{attrs:{\"src\":_vm.$getImageUrl(subItem.Pic)}}):_vm._e()])}),0)])]),_c('div',{staticClass:\"swiper-scrollbar \",class:'swiper-img'})]),(false)?_c('div',{staticClass:\"intro\"},[_c('h3',{class:'title-'+_vm.getLanguageName},[_vm._v(_vm._s(_vm.getTitle(item)))]),_c('div',{staticClass:\"text\",class:'content-'+_vm.getLanguageName,domProps:{\"innerHTML\":_vm._s(_vm.$textareaFormatter(item.BaseContentEn))}}),_c('div',{staticClass:\"text\",class:'content-'+_vm.getLanguageName,domProps:{\"innerHTML\":_vm._s(_vm.$textareaFormatter(item.BaseContent))}})]):_vm._e()]),_c('div',{staticClass:\"sidebar\",style:(_vm.getH(item))},[_c('div',{staticClass:\"swiper-container\",class:'sidebar-swiper',style:(_vm.getH(item,100))},[_c('div',{staticClass:\"swiper-wrapper\"},[_c('div',{staticClass:\"swiper-slide\"},[_c('h3',{class:'title-'+_vm.getLanguageName,staticStyle:{\"font-size\":\"24px\",\"padding-bottom\":\"30px\",\"color\":\"#000000\",\"opacity\":\"0.75\"}},[_vm._v(_vm._s(_vm.getTitle(item)))]),_c('div',{class:'content-'+_vm.getLanguageName,staticStyle:{\"line-height\":\"19px\",\"padding-bottom\":\"30px\"},domProps:{\"innerHTML\":_vm._s(_vm.getContent(item))}}),_c('div',{class:'content-'+_vm.getLanguageName,staticStyle:{\"color\":\"#000000\",\"opacity\":\"0.75\",\"line-height\":\"19px\",\"margin-bottom\":\"50px\"},domProps:{\"innerHTML\":_vm._s(_vm.getBaseContent(item))}})])]),_c('div',{staticClass:\"swiper-scrollbar swiper-sidebar\"})])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default function _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) {\n    arr2[i] = arr[i];\n  }\n\n  return arr2;\n}","import arrayLikeToArray from \"@babel/runtime/helpers/esm/arrayLikeToArray\";\nexport default function _arrayWithoutHoles(arr) {\n  if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}","export default function _iterableToArray(iter) {\n  if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}","import arrayLikeToArray from \"@babel/runtime/helpers/esm/arrayLikeToArray\";\nexport default function _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(o);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);\n}","export default function _nonIterableSpread() {\n  throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}","import arrayWithoutHoles from \"@babel/runtime/helpers/esm/arrayWithoutHoles\";\nimport iterableToArray from \"@babel/runtime/helpers/esm/iterableToArray\";\nimport unsupportedIterableToArray from \"@babel/runtime/helpers/esm/unsupportedIterableToArray\";\nimport nonIterableSpread from \"@babel/runtime/helpers/esm/nonIterableSpread\";\nexport default function _toConsumableArray(arr) {\n  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}","<template>\r\n  <Container  :isLoadingShow=\"isLoadingShow\" v-show=\"isShow\">\r\n    <div class=\"canvas-page\">\r\n\r\n      <div class=\"content\" v-for=\"(item, index) in newsSet\" :key=\"index\" :id=\"'a'+item.ID\">\r\n      \r\n        <div class=\"date\"><span class=\"title-cn title-cn-word\" v-if=\"getLanguageName=='cn'\">{{item.BigCategoryName}}</span><span class=\"title-en \" v-if=\"getLanguageName=='en'\">{{item.BigCategoryNameEn}}</span><span class=\"data-word\">  | {{formatDate(item.SeqTime)}}</span></div>\r\n        <div class=\"slides\">\r\n          <div class=\"swiper-container\" :class=\"'img-list'\">\r\n            <div class=\"swiper-wrapper\">\r\n                  <div class=\"swiper-slide\">\r\n                    <ul :style=\"getH(item)\">\r\n                          <li v-for=\"(subItem, index) in item.NewsPhotoSet\" :key=\"index\">\r\n                             <img :data-src=\"$getImageUrl(subItem.Pic)\" class=\"swiper-lazy\"  v-if=\"false\" >\r\n                              <div class=\"swiper-lazy-preloader swiper-lazy-preloader-white\" v-if=\"false\"></div>\r\n                            <img :src=\"$getImageUrl(subItem.Pic)\" v-if=\"true\"></li>\r\n                    </ul>\r\n              </div>\r\n            </div>\r\n            <div class=\"swiper-scrollbar \" :class=\"'swiper-img'\"></div>\r\n          </div>\r\n\r\n          <div class=\"intro\" v-if=\"false\">\r\n            <h3 :class=\"'title-'+getLanguageName\">{{getTitle(item)}}</h3>\r\n            <div class=\"text\" :class=\"'content-'+getLanguageName\" v-html=\"$textareaFormatter(item.BaseContentEn)\"></div>\r\n            <div class=\"text\" :class=\"'content-'+getLanguageName\" v-html=\"$textareaFormatter(item.BaseContent)\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"sidebar\" :style=\"getH(item)\">\r\n         <div class=\"swiper-container\" :class=\"'sidebar-swiper'\" :style=\"getH(item,100)\">\r\n            <div class=\"swiper-wrapper\">\r\n              <div class=\"swiper-slide\">\r\n\r\n               <h3 :class=\"'title-'+getLanguageName\" style=\"font-size:24px;padding-bottom:30px;color:#000000;opacity: 0.75;\">{{getTitle(item)}}</h3>\r\n\r\n                <div  style=\"line-height: 19px;padding-bottom:30px;\" :class=\"'content-'+getLanguageName\" v-html=\"getContent(item)\"></div>\r\n\r\n                <div  :class=\"'content-'+getLanguageName\" style=\"color:#000000;opacity: 0.75;line-height: 19px;margin-bottom:50px;\" v-html=\"getBaseContent(item)\"></div>\r\n\r\n              </div>\r\n            </div>\r\n            <div class=\"swiper-scrollbar swiper-sidebar\"></div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </Container>\r\n</template>\r\n\r\n<script>\r\n\r\nimport Container from '@/components/Container.vue'\r\n\r\nexport default {\r\n  name: \"home\",\r\n  components: {Container},\r\n  data() {\r\n    return {\r\n      \r\n      isLoadingShow:true,\r\n      model:{},\r\n      newsSet:[],\r\n\r\n      id:0,\r\n\r\n\r\n      count:0,\r\n      \r\n      pageSize:5,\r\n      pageIndex:1,\r\n\r\n      isShow:false\r\n  \r\n\r\n    }\r\n  },\r\n  props: {},\r\n  methods: {\r\n\r\n    getH(info,px){\r\n      let str = px ? 'height:'+(px+580)+'px':'height:580px;'\r\n      if(info){\r\n       if(info.NewsTypeID===2){\r\n          str =px ? 'height:'+(px+720)+'px':'height:720px;'\r\n        }\r\n      }\r\n      return  str;\r\n    },\r\n\r\n    getData(){\r\n\r\n    \r\n\r\n      let id = this.id\r\n\r\n      this.$request.get(\"/homepage\",{params:{id:id,pageIndex:this.pageIndex,pageSize:this.pageSize}}).then((res)=>{\r\n        if (res.data.code === 0) {\r\n            this.model= res.data.data\r\n\r\n            this.changeData()\r\n        }\r\n\r\n        this.isLoadingShow = false \r\n      })\r\n    },\r\n\r\n    changeData(){\r\n\r\n      if(this.model){\r\n\r\n        this.getNewsSet()\r\n      \r\n      }\r\n    },\r\n\r\n     getNewsSet(){\r\n\r\n     \r\n\r\n      this.count = this.model.count;\r\n\r\n      if(this.count>0&& this.count>this.pageSize){\r\n         this.pageIndex++;\r\n      }\r\n\r\n      //this.newsSet=[]\r\n      //this.newsSet = this.model.NewsSet\r\n\r\n      if(this.model.NewsSet){\r\n\r\n        this.newsSet.push(...this.model.NewsSet);\r\n\r\n      }\r\n\r\n\r\n      if(this.newsSet){\r\n\r\n        this.$nextTick(() => {\r\n        \r\n          if(this.id){\r\n            //console.log(this.$el.querySelector(`#a${this.id}`));\r\n\r\n\r\n           \r\n            this.$el.querySelector(`#a${this.id}`).scrollIntoView();   \r\n            this.$el.querySelector(`#a${this.id}`).classList.add('marginTop');\r\n        }\r\n\r\n      })\r\n       this.isShow = true\r\n      }\r\n\r\n\r\n    this.$nextTick(() => {\r\n\r\n      setTimeout(() => {\r\n\r\n         new Swiper('.img-list', {\r\n          lazy: false,\r\n          direction: 'horizontal',\r\n          roundLengths: true,\r\n          slidesPerView: 'auto',\r\n          freeMode: true,\r\n          scrollbar: {\r\n            el: '.swiper-img',\r\n            draggable:true,\r\n            snapOnRelease: false,\r\n        \r\n          },\r\n          mousewheel: false,\r\n        });\r\n\r\n        new Swiper('.sidebar-swiper', {\r\n          direction: 'vertical',\r\n          roundLengths: true,\r\n          slidesPerView: 'auto',\r\n          freeMode: true,\r\n          scrollbar: {\r\n            el: '.swiper-sidebar',\r\n          },\r\n          mousewheel: true,\r\n        });\r\n      }, 1000)\r\n\r\n\r\n    });\r\n\r\n\r\n    },   \r\n\r\n\r\n    getTitle(info){\r\n      let str = ''\r\n      if(info){\r\n       if(this.$store.state.language.name==='cn'){\r\n          str = info.NewsTitle\r\n        }else{\r\n\r\n          str = info.NewsTitleEn\r\n        }\r\n      }\r\n      return  this.$textareaFormatter(str)\r\n    },\r\n\r\n\r\n    getBaseContent(info){\r\n      let str = ''\r\n      if(info){\r\n       if(this.$store.state.language.name==='cn'){\r\n          str = info.BaseContent\r\n        }else{\r\n\r\n          str = info.BaseContentEn\r\n        }\r\n      }\r\n      return this.$textareaFormatter(str)\r\n    },    \r\n\r\n\r\n    getContent(info){\r\n      let str = ''\r\n      if(info){\r\n       if(this.$store.state.language.name==='cn'){\r\n          str = info.NewsContent\r\n        }else{\r\n\r\n          str = info.NewsContentEn\r\n        }\r\n      }\r\n      return this.$textareaFormatter(str)\r\n    },\r\n\r\n\r\n    formatDate(date){\r\n\r\n      let str = ''\r\n      if(date){\r\n        let dt = new Date(date)\r\n        let y = dt.getFullYear()\r\n        let m = dt.getMonth() + 1\r\n         m = m < 10 ? \"0\" + m : m\r\n\r\n        return `${y}.${m}`\r\n\r\n      }\r\n      return str\r\n\r\n    },\r\n\r\n    \r\n\r\n    navClick() {\r\n      // 控制左边内容变化\r\n    },\r\n\r\n    menuSelect(id){\r\n\r\n\r\n      if(id){\r\n        this.$el.querySelector(`#a${id}`).scrollIntoView({ behavior: 'smooth' })    \r\n      }\r\n\r\n    },\r\n\r\n  scroll() {\r\n      //变量scrollTop是滚动条滚动时，距离顶部的距离\r\n      const scrollTop =\r\n        document.documentElement.scrollTop || document.body.scrollTop;\r\n      //变量windowHeight是可视区的高度\r\n      const windowHeight =\r\n        document.documentElement.clientHeight || document.body.clientHeight;\r\n      //变量scrollHeight是滚动条的总高度\r\n      const scrollHeight =\r\n        document.documentElement.scrollHeight || document.body.scrollHeight;\r\n      //滚动条到底部的条件(距底部20px时触发加载)\r\n      if (scrollTop + windowHeight >= scrollHeight - 5) {\r\n        //触发更多函数  减一个常表示距离底部X个px\r\n        setTimeout(() => {\r\n          // 模拟请求数据\r\n\r\n          const size =this.count - this.pageIndex * this.pageSize;\r\n\r\n          if(size > 0){\r\n            this.getData();\r\n          \r\n          }\r\n\r\n         \r\n        },500);\r\n      }\r\n    },\r\n\r\n    //函数防抖\r\n    debounce(func, wait) {\r\n                let timeout;\r\n                return function () {\r\n                    let context = this;\r\n                    let args = arguments;\r\n                    if (timeout) clearTimeout(timeout);\r\n                    timeout = setTimeout(() => {\r\n                        func.apply(context, args)\r\n                    }, wait);\r\n                }\r\n            },\r\n\r\n           /*   //判断滚动方向\r\n            handleScroll(e){\r\n                let direction = e.deltaY > 0 ? 'down' : 'up'\r\n                if(this.currentId<=1){\r\n                    direction == 'down' ? this.currentId++ : this.currentId=1\r\n                }else if(this.currentId>=this.listName.length){\r\n                    direction == 'down' ? this.currentId= this.listName.length: this.currentId--\r\n                }else{\r\n                    direction == 'down' ? this.currentId++ : this.currentId--\r\n                }\r\n\r\n                this.scroll();\r\n            }, */       \r\n\r\n  },\r\n  \r\ncomputed: {\r\n\r\n  getLanguageName(){\r\n    return this.$store.state.language.name\r\n  },\r\n \r\n   \r\n\r\n},\r\n\r\ncreated(){\r\n\r\n},\r\n\r\nmounted() {\r\n\r\n    this.id = this.$route.params.id\r\n\r\n    if(this.id && this.id > 0){\r\n      this.pageSize = 100\r\n    }\r\n\r\n    this.getData();\r\n\r\n  \r\n\r\n    this.$nextTick(() => {\r\n\r\n        window.addEventListener('mousewheel', this.debounce(this.scroll,300), true)||window.addEventListener(\"DOMMouseScroll\",this.debounce(this.scroll,300),false)\r\n\r\n    //  window.addEventListener('scroll', this.scroll, false);\r\n\r\n    })\r\n\r\n  },  \r\n\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n.canvas-page{\r\n   .content{ margin-bottom: 100px; }\r\n   .sidebar {top: 10px;height: 560px;font-size: 12px;color: #231815;}\r\n   .img-list{ cursor: pointer; }\r\n}\r\n\r\n.marginTop{\r\n margin-top: 300px;\r\n \r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=59b3ae13&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',[_c('div',{staticClass:\"header\"},[_c('div',{class:_vm.isFixed?'fixed':''},[_c('div',{staticClass:\"logo\"},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.$goToHome()}}},[(_vm.logoSrc&&false)?_c('img',{attrs:{\"src\":_vm.logoSrc},on:{\"click\":function($event){return _vm.$goToHome()}}}):_vm._e(),(_vm.logoSrc)?_c('figure',{staticClass:\"logo-icon\",style:({'backgroundImage':'url('+ _vm.logoSrc +')'})}):_vm._e()])])])]),_vm._t(\"default\"),_c('div',{ref:\"footer\",staticClass:\"footer\"},[_c('div',{class:_vm.isFooterFixed?'fixed':''},[_c('div',{staticClass:\"menu\"},[_c('a',{staticClass:\"icon btn-mask\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.cliclMenu()}}},[(_vm.navSrc)?_c('figure',{class:'menu-icon'+_vm.iconClassValue,style:({'backgroundImage':'url('+ _vm.navSrc +')'})}):_vm._e(),(false)?_c('img',{attrs:{\"src\":_vm.navSrc}}):_vm._e()]),_c('transition',{attrs:{\"name\":\"slide-left\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.show),expression:\"show\"}],staticClass:\"menu-list\",class:_vm.colorName},[_c('ul',[_c('li',{on:{\"click\":function($event){return _vm.$goToMenu(1)}}},[(this.$store.state.language.name==='cn')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"作品\")]):_vm._e(),(this.$store.state.language.name==='en')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"Work\")]):_vm._e()]),_c('li',{on:{\"click\":function($event){return _vm.$goToMenu(3)}}},[(this.$store.state.language.name==='cn')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"刊物\")]):_vm._e(),(this.$store.state.language.name==='en')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"Publications\")]):_vm._e()]),_c('li',{on:{\"click\":function($event){return _vm.$goToMenu(2)}}},[(this.$store.state.language.name==='cn')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"学术\")]):_vm._e(),(this.$store.state.language.name==='en')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"Academic\")]):_vm._e()]),_c('li',{on:{\"click\":function($event){return _vm.$goToMenu(12)}}},[(this.$store.state.language.name==='cn')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"奖项\")]):_vm._e(),(this.$store.state.language.name==='en')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"Awards\")]):_vm._e()]),_c('li',{on:{\"click\":function($event){return _vm.$goToAbout()}}},[(this.$store.state.language.name==='cn')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"关于\")]):_vm._e(),(this.$store.state.language.name==='en')?_c('span',{class:'title-'+_vm.getLanguageName},[_vm._v(\"About\")]):_vm._e()])])])])],1),_c('div',{staticClass:\"search-lang\"},[_c('a',{staticClass:\"search btn-mask\",on:{\"click\":function($event){return _vm.$goToSearch()}}},[(_vm.searchSrc)?_c('figure',{class:_vm.getLanguageName=='cn'?'search-icon-cn':'search-icon-en',style:({'backgroundImage':'url('+ _vm.searchSrc +')'})}):_vm._e(),(false)?_c('img',{attrs:{\"src\":_vm.searchSrc}}):_vm._e()]),_c('a',{staticClass:\"lang btn-mask\",on:{\"click\":function($event){return _vm.changeLanguage()}}},[(_vm.langSrc)?_c('figure',{class:_vm.getLanguageName=='cn'?'lang-icon-en':'lang-icon-cn',style:({'backgroundImage':'url('+ _vm.langSrc +')'})}):_vm._e(),(false)?_c('img',{attrs:{\"src\":_vm.langSrc}}):_vm._e()])])])]),_c('div',{staticClass:\"mask\"})],2),(false)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLoadingShow),expression:\"isLoadingShow\"}],staticClass:\"dj-admin-loading\"}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div>\r\n    <div class=\"header\">\r\n      <div :class=\"isFixed?'fixed':''\">\r\n      <div class=\"logo\">\r\n        <a href=\"javascript:;\" @click=\"$goToHome()\">\r\n          <img :src=\"logoSrc\" @click=\"$goToHome()\" v-if=\"logoSrc&&false\">\r\n        <figure class=\"logo-icon\" :style=\"{'backgroundImage':'url('+ logoSrc +')'}\" v-if=\"logoSrc\"></figure>\r\n        </a>\r\n      </div>\r\n      </div>\r\n    </div>\r\n    <slot></slot>\r\n    <div class=\"footer\" ref=\"footer\">\r\n\r\n<div :class=\"isFooterFixed?'fixed':''\">\r\n\r\n      <div class=\"menu\">\r\n        <a href=\"javascript:;\" class=\"icon btn-mask\" @click=\"cliclMenu()\">\r\n            <figure :class=\"'menu-icon'+iconClassValue\" :style=\"{'backgroundImage':'url('+ navSrc +')'}\" v-if=\"navSrc\"></figure>\r\n          <img :src=\"navSrc\" v-if=\"false\">\r\n        </a>\r\n        <transition name=\"slide-left\">\r\n          <div class=\"menu-list\" :class=\"colorName\" v-show=\"show\">\r\n            <ul>\r\n              <li @click=\"$goToMenu(1)\">\r\n                <span v-if=\"this.$store.state.language.name==='cn'\" :class=\"'title-'+getLanguageName\">作品</span>\r\n                <span v-if=\"this.$store.state.language.name==='en'\" :class=\"'title-'+getLanguageName\">Work</span>\r\n<!-- \r\n                 <figure :class=\"'projects-icon-'+getLanguageName\" :style=\"{'backgroundImage':'url('+ projectsSrc +')'}\" v-else-if=\"projectsSrc && this.$store.state.language.name=='en' && false\"></figure> \r\n\r\n                <img :src=\"projectsSrc\" v-if=\"false\"> -->\r\n              </li>\r\n\r\n              <li @click=\"$goToMenu(3)\">\r\n                   <span v-if=\"this.$store.state.language.name==='cn'\" :class=\"'title-'+getLanguageName\">刊物</span>\r\n                <span v-if=\"this.$store.state.language.name==='en'\" :class=\"'title-'+getLanguageName\">Publications</span>\r\n\r\n<!--                 <figure :class=\"'publication-icon-'+getLanguageName\" :style=\"{'backgroundImage':'url('+ publicationSrc +')'}\" v-else-if=\"publicationSrc && this.$store.state.language.name=='en'&&false\"></figure> \r\n                <img :src=\"publicationSrc\"  v-if=\"false\">\r\n               -->\r\n               </li>\r\n              <li @click=\"$goToMenu(2)\">\r\n                   <span v-if=\"this.$store.state.language.name==='cn'\" :class=\"'title-'+getLanguageName\">学术</span>\r\n                <span v-if=\"this.$store.state.language.name==='en'\" :class=\"'title-'+getLanguageName\">Academic</span>  \r\n                            \r\n<!--                   <figure :class=\"'exhibition-icon-'+getLanguageName\" :style=\"{'backgroundImage':'url('+ exhibitionSrc +')'}\" v-else-if=\"exhibitionSrc && this.$store.state.language.name=='en'&&false\"></figure> \r\n                <img :src=\"exhibitionSrc\"  v-if=\"false\">-->\r\n                </li> \r\n\r\n              <li @click=\"$goToMenu(12)\">\r\n                   <span v-if=\"this.$store.state.language.name==='cn'\" :class=\"'title-'+getLanguageName\">奖项</span>\r\n                <span v-if=\"this.$store.state.language.name==='en'\" :class=\"'title-'+getLanguageName\">Awards</span>  \r\n                            \r\n<!--                   <figure :class=\"'exhibition-icon-'+getLanguageName\" :style=\"{'backgroundImage':'url('+ exhibitionSrc +')'}\" v-else-if=\"exhibitionSrc && this.$store.state.language.name=='en'&&false\"></figure> \r\n                <img :src=\"exhibitionSrc\"  v-if=\"false\">-->\r\n                </li>                 \r\n                \r\n              <li @click=\"$goToAbout()\">\r\n                <span v-if=\"this.$store.state.language.name==='cn'\" :class=\"'title-'+getLanguageName\">关于</span>\r\n                <span v-if=\"this.$store.state.language.name==='en'\" :class=\"'title-'+getLanguageName\">About</span>               \r\n<!-- \r\n                <figure :class=\"'office-icon-'+getLanguageName\" :style=\"{'backgroundImage':'url('+ officeSrc +')'}\" v-else-if=\"officeSrc && this.$store.state.language.name=='en'&&false\"></figure> \r\n                <img :src=\"officeSrc\" v-if=\"false\"> -->\r\n                </li>\r\n            </ul>\r\n          </div>\r\n        </transition>\r\n      </div>\r\n\r\n\r\n      <div class=\"search-lang\">\r\n        <a @click=\"$goToSearch()\" class=\"search btn-mask\">\r\n           <figure :class=\"getLanguageName=='cn'?'search-icon-cn':'search-icon-en'\" :style=\"{'backgroundImage':'url('+ searchSrc +')'}\" v-if=\"searchSrc\"></figure> \r\n          <img :src=\"searchSrc\" v-if=\"false\">\r\n        </a>\r\n        <a @click=\"changeLanguage()\" class=\"lang btn-mask\">\r\n            <figure :class=\"getLanguageName=='cn'?'lang-icon-en':'lang-icon-cn'\" :style=\"{'backgroundImage':'url('+ langSrc +')'}\" v-if=\"langSrc\"></figure> \r\n          <img :src=\"langSrc\" v-if=\"false\"></a>\r\n      </div>\r\n\r\n      </div>\r\n\r\n\r\n    </div>\r\n    <div class=\"mask\"></div>\r\n    </div>\r\n\r\n    <div class=\"dj-admin-loading\" v-show=\"isLoadingShow\" v-if=\"false\"></div>\r\n  </div>\r\n\r\n\r\n     \r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Container\",\r\n  data() {\r\n    return {\r\n\r\n      logoEnPathB:'/static/img/logo-en-b.svg',\r\n      logoEnPathW:'/static/img/logo-en-w.svg',\r\n\r\n      logoCnPathB:'/static/img/logo-en-b.svg',\r\n      logoCnPathW:'/static/img/logo-en-w.svg',      \r\n\r\n/*       logoCnPathB:'/static/img/logo-cn-b.svg',\r\n      logoCnPathW:'/static/img/logo-cn-w.svg', */\r\n    \r\n      // navPathB:'/static/img/nav-b.svg',\r\n      // navPathW:'/static/img/nav-w.svg',\r\n      \r\n      navPathB:'/static/img/icon_plus.png',\r\n      navPathW:'/static/img/icon_plus.png',\r\n\r\n\r\n      searchPathB:'/static/img/search-b.svg',\r\n      searchPathW:'/static/img/search-w.svg',\r\n\r\n      langCnPathB:'/static/img/lang-cn-b.svg',\r\n      langCnPathW:'/static/img/lang-cn-w.svg',\r\n      langEnPathB:'/static/img/lang-en-b.svg',\r\n      langEnPathW:'/static/img/lang-en-w.svg',\r\n\r\n\r\n      exhibitionCnPathB:'/static/img/exhibition-cn-b.svg',\r\n      exhibitionCnPathW:'/static/img/exhibition-cn-w.svg',\r\n      exhibitionEnPathB:'/static/img/exhibition-en-b.svg',\r\n      exhibitionEnPathW:'/static/img/exhibition-en-w.svg',\r\n\r\n\r\n      officeCnPathB:'/static/img/office-cn-b.svg',\r\n      officeCnPathW:'/static/img/office-cn-w.svg',\r\n      officeEnPathB:'/static/img/office-en-b.svg',\r\n      officeEnPathW:'/static/img/office-en-w.svg',\r\n\r\n      projectsCnPathB:'/static/img/projects-cn-b.svg',\r\n      projectsCnPathW:'/static/img/projects-cn-w.svg',\r\n      projectsEnPathB:'/static/img/projects-en-b.svg',\r\n      projectsEnPathW:'/static/img/projects-en-w.svg',\r\n\r\n      publicationCnPathB:'/static/img/publication-cn-b.svg',\r\n      publicationCnPathW:'/static/img/publication-cn-w.svg',\r\n      publicationEnPathB:'/static/img/publication-en-b.svg',\r\n      publicationEnPathW:'/static/img/publication-en-w.svg',\r\n\r\n\r\n      exhibitionSrc:'',\r\n      officeSrc:'',\r\n      projectsSrc:'',\r\n      publicationSrc:'',\r\n\r\n\r\n      show: false,\r\n      logoSrc: '',\r\n\r\n      navSrc:'',\r\n      searchSrc:'',\r\n      langSrc:'',\r\n\r\n      scrollHeight:0,\r\n\r\n      colorID:1,\r\n\r\n    \r\n\r\n      imgCount:0,\r\n      loadImgCount:0,\r\n\r\n      colorName:'color-b',\r\n\r\n      isFooterFixed:false,\r\n\r\n      iconClassValue:'2',\r\n\r\n\r\n   \r\n\r\n    }\r\n  },\r\n  props: {\r\n\r\n    logoHeightSet:{\r\n        type: Array,\r\n        default: () => []\r\n    }, \r\n\r\n    isLoadingShow:{\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    isHeightSet:{\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n\r\n    isFixed:{\r\n      type: Boolean,\r\n      default: true\r\n    },    \r\n    \r\n\r\n  },\r\n  components: {},\r\n\r\n  methods: {\r\n\r\n    changeData(){\r\n      this.setColor(this.scrollHeight);\r\n    },\r\n\r\n    scroll() {\r\n\r\n \r\n\r\n      const scrollTop = document.documentElement.scrollTop || document.body.scrollTop\r\n\r\n      this.setColor(scrollTop)\r\n\r\n      this.$emit('scroll', scrollTop)\r\n\r\n      this.scrollHeight = scrollTop\r\n\r\n     \r\n    },\r\n\r\n\r\n    setColor(scrollTop){\r\n\r\n      if(this.logoHeightSet && this.logoHeightSet.length>0){\r\n\r\n       \r\n        let info = this.logoHeightSet.find(item => item.minHeight <= scrollTop && item.maxHeight>scrollTop);\r\n\r\n        if(info){\r\n\r\n          //  console.log(info.ColorID)\r\n\r\n            this.colorID = info.ColorID\r\n\r\n            if(this.colorID==1){\r\n              this.colorName = 'color-b'\r\n            }else{\r\n              this.colorName = 'color-w'\r\n            }\r\n\r\n            this.changeLogoSrc(info.ColorID)//默认黑色\r\n            this.changeFooterSrc(info.ColorID)\r\n        }       \r\n\r\n      }else{\r\n        if(!this.isHeightSet){\r\n\r\n          this.changeLogoSrc(1)//默认黑色\r\n          this.changeFooterSrc(1)//默认黑色\r\n        }\r\n\r\n      } \r\n \r\n \r\n    },\r\n\r\n    changeLogoSrc(colorID){\r\n\r\n          if(colorID==1){\r\n\r\n              if(this.$store.state.language.name==='cn'){\r\n                this.logoSrc = this.logoCnPathB\r\n              }else{\r\n                this.logoSrc = this.logoEnPathB\r\n              }\r\n\r\n\r\n          }else{\r\n         \r\n              if(this.$store.state.language.name==='cn'){\r\n                this.logoSrc = this.logoCnPathW\r\n              }else{\r\n                this.logoSrc = this.logoEnPathW\r\n              }\r\n\r\n            }\r\n\r\n    /*   if(colorID==1){\r\n        this.logoSrc =  this.logoPathB\r\n      }else{\r\n        this.logoSrc =  this.logoPathW\r\n      } */\r\n    },\r\n\r\n    changeFooterSrc(colorID){\r\n\r\n      this.changeNavSrc(colorID)\r\n\r\n      this.changeSearchSrc(colorID)\r\n\r\n      this.changeLanguageSrc(colorID)\r\n    },\r\n\r\n    changeSearchSrc(colorID){\r\n\r\n          if(colorID==1){\r\n          \r\n            this.searchSrc = this.searchPathB\r\n          }else{\r\n\r\n\r\n            this.searchSrc = this.searchPathW\r\n\r\n           \r\n          }\r\n    },\r\n\r\n    changeLanguageSrc(colorID){\r\n\r\n          if(colorID==1){\r\n\r\n              if(this.$store.state.language.name==='cn'){\r\n                this.langSrc = this.langEnPathB\r\n              }else{\r\n                this.langSrc = this.langCnPathB\r\n              }\r\n\r\n\r\n          }else{\r\n         \r\n              if(this.$store.state.language.name==='cn'){\r\n                this.langSrc = this.langEnPathW\r\n              }else{\r\n                this.langSrc = this.langCnPathW\r\n              }\r\n\r\n            }\r\n    },\r\n\r\n\r\n\r\n    changeNavSrc(colorID){\r\n\r\n      if(colorID==1){\r\n\r\n        this.navSrc = this.navPathB\r\n\r\n        if(this.$store.state.language.name==='cn'){\r\n\r\n          this.projectsSrc = this.projectsCnPathB\r\n          this.officeSrc = this.officeCnPathB\r\n          this.exhibitionSrc = this.exhibitionCnPathB\r\n          this.publicationSrc =  this.publicationCnPathB\r\n\r\n        }else{\r\n\r\n          this.projectsSrc = this.projectsEnPathB\r\n          this.officeSrc = this.officeEnPathB\r\n          this.exhibitionSrc = this.exhibitionEnPathB\r\n          this.publicationSrc =  this.publicationEnPathB\r\n\r\n        }\r\n      }else{\r\n\r\n        this.navSrc = this.navPathW\r\n\r\n        if(this.$store.state.language.name==='cn'){\r\n          this.projectsSrc = this.projectsCnPathW\r\n          this.officeSrc = this.officeCnPathW\r\n          this.exhibitionSrc = this.exhibitionCnPathW\r\n          this.publicationSrc =  this.publicationCnPathW         \r\n        }else{\r\n\r\n\r\n          this.projectsSrc = this.projectsEnPathW\r\n          this.officeSrc = this.officeEnPathW\r\n          this.exhibitionSrc = this.exhibitionEnPathW\r\n          this.publicationSrc =  this.publicationEnPathW\r\n        }\r\n      }\r\n    },\r\n\r\n    btnMask() {\r\n      const $ = jQuery\r\n      $('.btn-mask').hover(function () {\r\n        $(this).parent().css({zIndex: 100})\r\n        $('.mask').fadeIn()\r\n      }, function () {\r\n        //$(this).parent().css({zIndex: ''})\r\n        $('.mask').fadeOut()\r\n      })\r\n    },\r\n\r\n    cliclMenu(){\r\n        this.show=!this.show\r\n         const $ = jQuery\r\n         if(this.show){\r\n           this.iconClassValue = '';\r\n           $(\".menu\").css('left','-18px');\r\n           this.navSrc = '/static/img/nav-b.svg';\r\n           this.isFooterFixed= true\r\n         }else{\r\n            this.iconClassValue = '2';\r\n           this.navSrc = '/static/img/icon_plus.png';\r\n           $(\".menu\").css('left','12px');\r\n    \r\n           this.isFooterFixed= false\r\n         }\r\n    },\r\n\r\n    changeLanguage(){\r\n\r\n        // console.log(this.colorID)\r\n\r\n      this.$store.dispatch('language/changeLanguage')\r\n\r\n      if(this.colorID==1){\r\n\r\n              if(this.$store.state.language.name==='cn'){\r\n                this.langSrc = this.langEnPathB\r\n              }else{\r\n                this.langSrc = this.langCnPathB\r\n              }\r\n      }else{\r\n\r\n              if(this.$store.state.language.name==='cn'){\r\n                this.langSrc = this.langEnPathW\r\n              }else{\r\n                this.langSrc = this.langCnPathW\r\n              }\r\n      }\r\n\r\n    },\r\n\r\n\r\n\r\n  },\r\n  computed: {\r\n\r\n    getLanguageName(){\r\n      return this.$store.state.language.name\r\n    },\r\n\r\n  },\r\n\r\n  mounted() {\r\n\r\n\r\n \r\n    this.$nextTick(() => {\r\n      window.addEventListener(\"scroll\", this.scroll, false)\r\n    })\r\n\r\n   \r\n  },\r\n\r\n  watch:{\r\n     logoHeightSet:{\r\n      immediate: true,\r\n      handler() {\r\n\r\n       //val console.log('handler'+JSON.stringify(val))\r\n\r\n        this.scroll()\r\n      }\r\n    }, \r\n    getLanguageName(){\r\n      this.changeData()\r\n    }\r\n\r\n\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n/* .dj-admin-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}\r\n.dj-admin-loading:before{\r\n  content:\"\";\r\nwidth:30px;height:30px;margin:0 auto;display:block;border-radius:50%;\r\nbackground-color:#409eff;animation:loading-bounce .3s cubic-bezier(0.05,0,0.2,1) infinite alternate}\r\n.dj-admin-loading:after{content:\"\";width:10px;height:2px;margin:0 auto;display:block;\r\nborder-radius:50%;background-color:#BBB;animation:loading-shadow .3s cubic-bezier(0.05,0,0.2,1) infinite alternate}\r\n@keyframes loading-bounce{from{transform:translateY(0)}to{transform:translateY(-40px)}}\r\n@keyframes loading-shadow{from{transform:scale(1,1);opacity:1}to{transform:scale(3,2);opacity:.3}} */ \r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Container.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Container.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Container.vue?vue&type=template&id=744845a0&\"\nimport script from \"./Container.vue?vue&type=script&lang=js&\"\nexport * from \"./Container.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Container.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Container.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}