{"version":3,"file":"assets/js/203.6ff8b691.js","mappings":"qJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,UAAU,CAACA,EAAGF,EAAII,iBAAiB,CAACC,IAAI,eAAe,IACvI,EACIC,EAAkB,GCWtB,GACAC,KAAA,WACAC,MAAA,CACA,EAEAC,IAAAA,GACA,OACAC,OAAA,GACAC,MAAA,GACAP,iBAAA,GAEA,EACAQ,WAAA,CAEAC,iBAAAA,IAAA,uDACAC,iBAAAA,IAAA,uDACAC,QAAAA,IAAA,sDAEAC,QAAAA,IAAA,uDAGAC,KAAAA,IAAA,uDACAC,YAAAA,IAAA,uDACAC,KAAAA,IAAA,wDAIAC,MAAA,CAEAC,OAAA,CAEAC,OAAAA,CAAAC,EAAAC,GAaA,WACA,KAAAD,EAAAE,KAAAC,SAAA,aACA,KAAAH,EAAAE,KAAAC,SAAA,kBACA,KAAAH,EAAAE,KAAAC,SAAA,qBAGA,iBAAAH,EAAAE,KACA,KAAArB,iBAAA,UAEA,KAAAA,iBAAA,mBAEA,MACA,KAAAmB,EAAAE,KAAAC,SAAA,cACA,KAAAtB,iBAAA,mBACA,MACA,KAAAmB,EAAAE,KAAAC,SAAA,mBAEA,KAAAtB,iBAAA,UACA,MACA,KAAAmB,EAAAE,KAAAC,SAAA,gBACA,KAAAtB,iBAAA,OACA,MACA,KAAAmB,EAAAE,KAAAC,SAAA,UACA,KAAAtB,iBAAA,cACA,MACA,KAAAmB,EAAAE,KAAAC,SAAA,gBACA,oBAAAH,EAAAE,KACA,KAAArB,iBAAA,UAEA,KAAAA,iBAAA,OAEA,MAEA,uBAaA,MACA,uBAIA,MAEA,QAUA,MAEA,EACAuB,MAAA,EACAC,WAAA,IAGAC,SAAA,CACA,EAEAC,QAAA,WAMA,EACAC,UAAA,WACA,EAEAC,QAAA,CACA,EAEAC,aAAA,WACA,EAEAC,QAAA,WACA,EAEAC,YAAA,WACA,EAEAC,aAAA,WACA,EAEAC,QAAA,WAGA,EAEAC,cAAA,WACA,EAEAC,UAAA,WACA,GCpK6P,I,qBCQzPC,GAAY,OACd,EACAzC,EACAO,GACA,EACA,KACA,WACA,MAIF,EAAekC,EAAiB,O,sFChB5BC,EAA0B,IAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,imBAAkmB,KAE3oB,c,wBCJA,IAAIC,EAAU,EAAQ,MACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACF,EAAOC,GAAIC,EAAS,MAC7DA,EAAQG,SAAQL,EAAOM,QAAUJ,EAAQG,QAE5C,IAAIE,EAAM,WACGA,EAAI,WAAYL,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa,G","sources":["webpack://demo/./src/views/PageView/index.vue","webpack://demo/src/views/PageView/index.vue","webpack://demo/./src/views/PageView/index.vue?cfcc","webpack://demo/./src/views/PageView/index.vue?b4ca","webpack://demo/./src/views/PageView/index.vue?21c1","webpack://demo/./src/views/PageView/index.vue?f0e5"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('section',[_c(_vm.currentComponent,{tag:\"component\"})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- <section class=\"topHeard\">\r\n      <img :src=\"imgSrc\" class=\"w-100\" />\r\n      <div class=\"title\">{{ title }}</div>\r\n    </section> -->\r\n    <section>\r\n      <component :is=\"currentComponent\"></component>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"PageView\",\r\n  props: {\r\n    //传值\r\n  },\r\n  data() {\r\n    return {\r\n      imgSrc: \"\",\r\n      title: \"\",\r\n      currentComponent: \"\",\r\n    };\r\n  },\r\n  components: {\r\n    //引入模块\r\n    leftNavComponent: () => import(\"@/components/muban/leftNav/index.vue\"),\r\n    hearNavComponent: () => import(\"@/components/muban/hearNav/index.vue\"),\r\n    CarBox3: () => import(\"@/components/CarBox3/index.vue\"),\r\n    // rowBox: () => import(\"@/components/rowBox/index.vue\"),\r\n    CarBox4: () => import(\"@/components/CarBox4/index.vue\"),\r\n    // CarBoxTab: () => import(\"@/components/CarBoxTab/index.vue\"),\r\n    // gsjj: () => import(\"@/components/gsjj/index.vue\"),\r\n    xwzx: () => import(\"@/components/xwzx/index.vue\"),\r\n    lianxiwomen: () => import(\"@/components/lianxiwomen/index.vue\"),\r\n    jumu: () => import(\"@/components/muban/jumu/index.vue\"),\r\n    // zzlm: () => import(\"@/components/zzlm/index.vue\"),\r\n    // kejifuwuxq: () => import(\"@/components/kejifuwuxq/index.vue\"),\r\n  },\r\n  watch: {\r\n    // watch擅长处理的场景：一个数据影响多个数据\r\n    $route: {\r\n      // $route可以用引号，也可以不用引号\r\n      handler(to, from) {\r\n        // console.log(\"路由变化了\");\r\n        // console.log(\"当前页面路由：\" + to); //新路由信息\r\n        // console.log(\"上一个路由：\" + from); //老路由信息\r\n        // if(to.path.indexOf( \"/kejifuwu\")!=-1){\r\n        //    this.currentComponent = \"leftNavComponent\";\r\n        // }\r\n        // if(to.path.indexOf( \"/zhihuiyuzhong\")!=-1){\r\n        //    this.currentComponent = \"leftNavComponent\";\r\n        // }\r\n        // if(to.path.indexOf( \"/danxibaoshihkong\")!=-1){\r\n        //    this.currentComponent = \"leftNavComponent\";\r\n        // }\r\n        switch (true) {\r\n          case to.path.includes(\"/kejifuwu\"):\r\n          case to.path.includes(\"/zhihuiyuzhong\"):\r\n          case to.path.includes(\"/danxibaoshihkong\"):\r\n            // this.imgSrc = require(\"@/assets/img/kjfwHeard.png\");\r\n            // this.title = \"科技服务\";\r\n            if (to.path == \"/kejifuwu/sjk\") {\r\n              this.currentComponent = \"CarBox3\";\r\n            } else {\r\n              this.currentComponent = \"leftNavComponent\";\r\n            }\r\n            break;\r\n          case to.path.includes(\"/guyujizhi\"):\r\n            this.currentComponent = \"hearNavComponent\";\r\n            break;\r\n          case to.path.includes(\"/ziyuanzhongxin\"):\r\n\r\n            this.currentComponent = \"CarBox4\";\r\n            break;\r\n          case to.path.includes(\"/xinwenzixun\"):\r\n            this.currentComponent = \"xwzx\";\r\n            break;\r\n          case to.path.includes(\"/About\"):\r\n            this.currentComponent = \"lianxiwomen\";\r\n            break;\r\n          case to.path.includes(\"/pingtaifuwu\"):\r\n             if (to.path == \"/pingtaifuwu/sjk\") {\r\n              this.currentComponent = \"CarBox3\";\r\n            } else {\r\n              this.currentComponent = \"jumu\";\r\n            }\r\n            break;\r\n\r\n           case \"/pingtaifuwu/sjk\":\r\n            // this.imgSrc = require(\"@/assets/img/ptfwHeard.png\");\r\n            // this.title = \"数据库\";\r\n            // this.currentComponent = \"CarBox3\";\r\n            // this.list = [\r\n            //   { src: \"\", title: \"单基因组数据库\", path: \"\" },\r\n            //   { src: \"\", title: \"单基因组数据库\", path: \"\" },\r\n            //   { src: \"\", title: \"单基因组数据库\", path: \"\" },\r\n            //   { src: \"\", title: \"单基因组数据库\", path: \"\" },\r\n            //   { src: \"\", title: \"单基因组数据库\", path: \"\" },\r\n            //   { src: \"\", title: \"单基因组数据库\", path: \"\" },\r\n            //   { src: \"\", title: \"单基因组数据库\", path: \"\" },\r\n            // ];\r\n            break;\r\n          case \"/pingtaifuwu/jzy\":\r\n            // this.imgSrc = require(\"@/assets/img/ptfwHeard.png\");\r\n            // this.title = \"极智云数据分析平台\";\r\n            // this.currentComponent = \"rowBox\";\r\n            break;\r\n\r\n          default:\r\n            // if (to.path.indexOf(\"kejifuwu/px\") != -1) {\r\n            //   this.imgSrc = require(\"@/assets/img/kjfwHeard.png\");\r\n            //   this.title = \"基因组\";\r\n            //   this.currentComponent = \"kejifuwuxq\";\r\n            // } else {\r\n            //   this.imgSrc = require(\"@/assets/img/kjfwHeard.png\");\r\n            //   this.title = \"测试页面\";\r\n            // }\r\n\r\n            break;\r\n        }\r\n      },\r\n      deep: true, // 深度观察监听\r\n      immediate: true, // 第一次初始化渲染就可以监听到\r\n    },\r\n  },\r\n  computed: {\r\n    // computed擅长处理的场景：一个数据受多个数据影响\r\n  },\r\n  mounted: function () {\r\n    // 编译好的HTML挂载到页面完成后执行的事件钩子\r\n    // el 被新创建的 vm.el 替换，并挂载到实例上去之后调用该钩子。\r\n    // 此钩子函数中一般会做一些ajax请求获取数据进行数据初始化\r\n    console.log(\"PageView\");\r\n    console.log(this.$route.params.id);\r\n  },\r\n  activated: function () {\r\n    // 狗子触发顺序最后时执行，当再次进入（前进或者后退）时，只触发activated\r\n  },\r\n  methods: {\r\n    // 组件的方法\r\n  },\r\n  beforeCreate: function () {\r\n    // 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。\r\n  },\r\n  created: function () {\r\n    // 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，el 属性目前不可见。\r\n  },\r\n  beforeMount: function () {\r\n    // 在挂载开始之前被调用：相关的 render 函数首次被调用。\r\n  },\r\n  beforeUpdate: function () {\r\n    // 数据更新时调用，发生在虚拟 DOM 重新渲染和打补丁之前。 你可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。\r\n  },\r\n  updated: function () {\r\n    // 由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。\r\n    // 当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下，你应该避免在此期间更改状态，因为这可能会导致更新无限循环。\r\n    // 该钩子在服务器端渲染期间不被调用。\r\n  },\r\n  beforeDestroy: function () {\r\n    // 实例销毁之前调用。在这一步，实例仍然完全可用。\r\n  },\r\n  destroyed: function () {\r\n    // Vue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁。 该钩子在服务器端渲染期间不被调用。\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.topHeard {\r\n  //   height: calc(100vh - 420px);\r\n  position: relative;\r\n  .title {\r\n    position: absolute;\r\n    bottom: 15%;\r\n    left: 10%;\r\n    font-family: PingFang SC, PingFang SC;\r\n    font-weight: 600;\r\n    font-size: 53px;\r\n    color: #ffffff;\r\n    line-height: 63px;\r\n    text-align: left;\r\n    font-style: normal;\r\n    text-transform: none;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a2567664&scoped=true\"\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&id=a2567664&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a2567664\",\n  null\n  \n)\n\nexport default component.exports","// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"[data-v-a2567664]:export{menuText:#bfcbd9;menuActiveText:#409eff;subMenuActiveText:#f4f4f5;menuBg:#304156;TopmenuBg:#304156;TopmenuText:#bfcbd9;TopmenuActiveText:#409eff;TopsubMenuActiveText:#f4f4f5;TopmenuHover:#001528;TopsubMenuHover:#001528;TopPadding:240px;TopHeight:60px;menuHover:#001528;subMenuHover:#001528;sideBarWidth:210px;main-height:130px}.topHeard[data-v-a2567664]{position:relative}.topHeard .title[data-v-a2567664]{position:absolute;bottom:15%;left:10%;font-family:PingFang SC;font-weight:600;font-size:53px;color:#fff;line-height:63px;text-align:left;font-style:normal;text-transform:none}\", \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=a2567664&prod&lang=scss&scoped=true\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"2bcff83d\", content, true, {\"sourceMap\":false,\"shadowMode\":false});"],"names":["render","_vm","this","_c","_self","currentComponent","tag","staticRenderFns","name","props","data","imgSrc","title","components","leftNavComponent","hearNavComponent","CarBox3","CarBox4","xwzx","lianxiwomen","jumu","watch","$route","handler","to","from","path","includes","deep","immediate","computed","mounted","activated","methods","beforeCreate","created","beforeMount","beforeUpdate","updated","beforeDestroy","destroyed","component","___CSS_LOADER_EXPORT___","push","module","id","content","__esModule","default","locals","exports","add"],"sourceRoot":""}