{"version":3,"sources":["webpack:///./src/assets/images/page2.png","webpack:///./src/assets/images/page1.png","webpack:///./src/pages/tab/FirstPage.vue?9bf7","webpack:///./src/assets/images/page11.png","webpack:///./src/pages/tab/FirstPage.vue","webpack:///./src/components/public/FristPageHeader.vue","webpack:///src/components/public/FristPageHeader.vue","webpack:///./src/components/public/FristPageHeader.vue?cbf5","webpack:///./src/components/public/FristPageHeader.vue?455e","webpack:///src/pages/tab/FirstPage.vue","webpack:///./src/pages/tab/FirstPage.vue?7496","webpack:///./src/pages/tab/FirstPage.vue?f8c1","webpack:///./src/components/public/FristPageHeader.vue?1373"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","staticRenderFns","class","tabItemIndex","staticStyle","attrs","require","_l","tabList","item","index","key","tabItemActive","dispalyNo","title","on","$event","handleTab","path","_v","_s","child","length","directives","name","rawName","value","expression","childIndex","activep","tabChildIndex","stopPropagation","clickTabLisChild","_e","_m","linkLogin","$router","push","data","leftTabList","children","label","watch","$route","n","fullPath","query","contactHomeIndex","scroll","inserted","el","binding","observer","IntersectionObserver","entries","forEach","entry","isIntersecting","animationClass","classList","add","unobserve","rootMargin","threshold","observe","mounted","sessionStorage","getItem","methods","i","setItem","p","document","documentElement","scrollTop","body","toProductPage","toPage","childPath","fatherTitle","window","open","resolve","href","component","components","FirstPageHeader"],"mappings":"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","file":"js/chunk-f3f09666.026cd53e.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAAAAXNSR0IArs4c6QAAAfdJREFUOE+VlEFIFFEYx//fTmhJCllgXaS22ZCkQ0FFSLvT7qEu3cxTSLqzHQpD1Eu3jkFQIEjgzrZ51KhDhyBhc8YCyaOKgY4m5skOBSG66+774lm77Dqr83yHObx5vx+P7/t/jwCgZSR2PL9deALgLoBDBdbavicyM/Kf6qLQq1iQRX4CoOYy6K1r2u2qEnmO9FQkA6ZoJcSCA3x6qXvyh6qMdMsQUugBGI/dhP30IKJtWRcvwNOu6VxVF6WMb2C0VAF+u6Z9TFkUSt4YZOKeXcBPwXRvOTHxQVkUHI5cDgRouhwg5u7FhJNWlex0TX7OWsYkAddLIPEnN+7EDiwKWdEwQzgVtyJ0Lcbt16qyUtv1ZGQURB1l4IYQ2qXl+5kFFVlJdCYZa9IoPw9QYwlkzNbV1lyb6Rzf8JNVBFG3IrcBel8OMfjdUtxpB4H3k3kSHbKMZwwM7BqZ567p9Mu9YDp8gYR2MVu/9WatY2qzeM47GmN3NP3P+rhn/ghDELBBnAKogYEVZnpYzJpXBKDVutmYRfYrAN2vNgC9rGk40VtV9D9bOgGfAZz0l7HM4d5rpx6FwEcCTvnItvYVSfjfw1eQnWzdS0bEw74iCZ8fMo7mavECgFlFNofDR9qUREX4nBW9IiD6ANwCUAdgNJfLP1p98OXXX0clpbV+NOksAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/page1.1057a3c8.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FirstPage.vue?vue&type=style&index=0&id=6b0f09c4&prod&lang=less\"","module.exports = __webpack_public_path__ + \"img/page11.e7981b15.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"first-page\"},[_c('FirstPageHeader'),_c('router-view')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"first-page-header\"},[_c('div',{staticClass:\"tab-pc\"},[_c('div',{staticClass:\"tab-contain\",class:[\n        _vm.tabItemIndex == 0 || _vm.tabItemIndex == 1\n          ? 'PageColorClass'\n          : 'NoPageColorClass',\n      ]},[_c('div',[_c('img',{staticStyle:{\"width\":\"1.6rem\",\"margin-right\":\"0.2rem\"},attrs:{\"src\":_vm.tabItemIndex == 0 || _vm.tabItemIndex == 1\n              ? require('../../assets/images/page1.png')\n              : require('../../assets/images/page11.png')}}),_vm._l((_vm.tabList),function(item,index){return _c('div',{key:index,staticClass:\"Rem0_22 tab-item\",class:{\n            tabItemActive: index == _vm.tabItemIndex,\n            dispalyNo: !item.title,\n          },on:{\"click\":function($event){return _vm.handleTab(index, item.path)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \"),(item.child && item.child.length != 0)?_c('div',{directives:[{name:\"scroll\",rawName:\"v-scroll\",value:('animate__fadeIn'),expression:\"'animate__fadeIn'\"}],staticClass:\"product-dialog2 animate__animated\"},_vm._l((item.child),function(child,childIndex){return _c('p',{key:childIndex,class:{ activep: _vm.tabChildIndex == childIndex },staticStyle:{\"white-space\":\"pre-wrap\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickTabLisChild(childIndex, child.path,index)}}},[_c('span',{staticClass:\"triangle\"}),_vm._v(\" \"+_vm._s(child.title)+\" \")])}),0):_vm._e()])})],2),_c('div',[_vm._m(0),_c('el-button',{staticStyle:{\"color\":\"#24569c\",\"border\":\"1px solid #24569c !important\"},on:{\"click\":function($event){return _vm.linkLogin(1)}}},[_vm._v(\"登录\")]),_c('el-button',{staticStyle:{\"background\":\"#24569c\",\"color\":\"white\"},on:{\"click\":function($event){return _vm.$router.push('./trial-use')}}},[_vm._v(\"申请使用\")])],1)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"phone\"},[_c('img',{staticStyle:{\"width\":\"12px\",\"margin-right\":\"5px\"},attrs:{\"src\":require(\"../../assets/images/page2.png\")}}),_c('span',{staticClass:\"Rem0_22\",staticStyle:{\"cursor\":\"default\"}},[_vm._v(\"020-39984322\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"first-page-header\">\r\n    <div class=\"tab-pc\">\r\n      <div\r\n        class=\"tab-contain\"\r\n        :class=\"[\r\n          tabItemIndex == 0 || tabItemIndex == 1\r\n            ? 'PageColorClass'\r\n            : 'NoPageColorClass',\r\n        ]\"\r\n      >\r\n        <div>\r\n          <img\r\n            style=\"width: 1.6rem; margin-right: 0.2rem\"\r\n            :src=\"\r\n              tabItemIndex == 0 || tabItemIndex == 1\r\n                ? require('../../assets/images/page1.png')\r\n                : require('../../assets/images/page11.png')\r\n            \"\r\n          />\r\n          <div\r\n            class=\"Rem0_22 tab-item\"\r\n            v-for=\"(item, index) in tabList\"\r\n            :key=\"index\"\r\n            :class=\"{\r\n              tabItemActive: index == tabItemIndex,\r\n              dispalyNo: !item.title,\r\n            }\"\r\n            @click=\"handleTab(index, item.path)\"\r\n          >\r\n            {{ item.title }}\r\n            <div\r\n              class=\"product-dialog2 animate__animated\"\r\n              v-scroll=\"'animate__fadeIn'\"\r\n              v-if=\"item.child && item.child.length != 0\"\r\n            >\r\n              <p\r\n                style=\"white-space: pre-wrap\"\r\n                :class=\"{ activep: tabChildIndex == childIndex }\"\r\n                v-for=\"(child, childIndex) in item.child\"\r\n                :key=\"childIndex\"\r\n                @click.stop=\"clickTabLisChild(childIndex, child.path,index)\"\r\n              >\r\n                <span class=\"triangle\"></span>\r\n                {{ child.title }}\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <div class=\"phone\">\r\n            <img\r\n              style=\"width: 12px; margin-right: 5px\"\r\n              src=\"../../assets/images/page2.png\"\r\n            />\r\n            <span class=\"Rem0_22\" style=\"cursor: default;\">020-39984322</span>\r\n          </div>\r\n          <el-button\r\n            style=\"color: #24569c; border: 1px solid #24569c !important\"\r\n            @click=\"linkLogin(1)\"\r\n            >登录</el-button\r\n          >\r\n          <!-- <el-button\r\n            style=\"background: #24569c; color: white\"\r\n            @click=\"linkLogin(2)\"\r\n            >注册账号</el-button\r\n          >\r\n        </div> -->\r\n          <el-button\r\n            style=\"background: #24569c; color: white\"\r\n            @click=\"$router.push('./trial-use')\"\r\n            >申请使用</el-button\r\n          >\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- <div class=\"product-dialog\" v-if=\"tabItemIndex == 1\">\r\n      <div class=\"onebox\">\r\n        <p class=\"p1\">云体系产品介绍汇总</p>\r\n        <p class=\"p2\">\r\n          云体系产品涵盖了管理体系文件落地和检查等功能，更多......\r\n        </p>\r\n        <el-button @click=\"toProductPage\">\r\n          查看更多产品\r\n          <i class=\"el-icon-d-arrow-right\"></i>\r\n        </el-button>\r\n      </div>\r\n      <div class=\"towbox\">\r\n        <div class=\"box\" v-for=\"(item, index) in leftTabList\" :key=\"index\">\r\n          <p class=\"p1\">{{ item.title }}</p>\r\n          <p\r\n            class=\"p2\"\r\n            v-for=\"(childItem, childIndex) in item.children\"\r\n            :key=\"childIndex\"\r\n            @click=\"toPage(childItem.path, item.title, index, childIndex)\"\r\n          >\r\n            {{ childItem.label }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n      <i class=\"el-icon-close\"></i>\r\n    </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport \"animate.css\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      tabItemIndex: 0,\r\n      tabChildIndex: null,\r\n      tabList: [\r\n        {\r\n          path: \"/home-page\",\r\n          title: \"首页\",\r\n        },\r\n        {\r\n          path: \"\",\r\n          title: \"产品介绍\",\r\n          child: [\r\n            // {\r\n            //   path: \"/system-build\",\r\n            //   title: \"体系搭建\",\r\n            // },\r\n            // {\r\n            //   path: \"/system-depute\",\r\n            //   title: \"体系委托\",\r\n            // },\r\n            // {\r\n            //   path: \"/system-to-ground\",\r\n            //   title: \"体系落地\",\r\n            // },\r\n            // {\r\n            //   path: \"/process-optimize\",\r\n            //   title: \"流程优化\",\r\n            // },\r\n            {\r\n              path: \"/num-transform\",\r\n              title: \"管理体系\\n  数字化转型\", //保留空格，文字对齐\r\n            },\r\n            {\r\n              path: \"/depute-maintena\",\r\n              title: \"管理体系\\n  委托维护\", //保留空格，文字对齐\r\n            },\r\n            {\r\n              path: \"/num-to-ground\",\r\n              title: \"体系数字化落地\",\r\n            },\r\n            {\r\n              path: \"/modern-p-o\",\r\n              title: \"现代流程优化\",\r\n            },\r\n\r\n            {\r\n              path: \"/exam-customized\",\r\n              title: \"业绩考核\\n  标准制定\",\r\n            },\r\n            {\r\n              path: \"/que-bank-system\",\r\n              title: \"题库体系\",\r\n            },\r\n          ],\r\n        },\r\n        // {\r\n        //   path: \"\",\r\n        //   title: \"产品优势\",\r\n        // },\r\n        // {\r\n        //   path: \"/solution-index\",\r\n        //   title: \"解决方案\",\r\n        // },\r\n        {\r\n          path: \"\",\r\n          title: \"合作客户\",\r\n        },\r\n        {\r\n          path: \"/about-me\",\r\n          title: \"关于我们\",\r\n        },\r\n      ],\r\n      leftTabList: [\r\n        {\r\n          title: \"管理系统\",\r\n          children: [\r\n            {\r\n              label: \"信息资产管理软件\",\r\n              path: \"product-son-page26\",\r\n            },\r\n            {\r\n              label: \"6S管理软件\",\r\n              path: \"product-son-page27\",\r\n            },\r\n            {\r\n              label: \"体系审核软件\",\r\n              path: \"product-son-page28\",\r\n            },\r\n            {\r\n              label: \"APQP项目管理软件\",\r\n              path: \"product-son-page30\",\r\n            },\r\n          ],\r\n        },\r\n        {\r\n          title: \"体系搭建\",\r\n          children: [\r\n            {\r\n              label: \"构建体系树\",\r\n              path: \"product-son-page33\",\r\n            },\r\n            {\r\n              label: \"管理体系文件分类\",\r\n              path: \"product-son-page46\",\r\n            },\r\n            {\r\n              label: \"流程接口（包括部门接口）\",\r\n              path: \"product-son-page11\",\r\n            },\r\n            {\r\n              label: \"构建体系信息流\",\r\n              path: \"product-son-page3\",\r\n            },\r\n          ],\r\n        },\r\n        {\r\n          title: \"体系维护\",\r\n          children: [\r\n            {\r\n              label: \"每年体系树的维护和更新\",\r\n              path: \"product-son-page34\",\r\n            },\r\n            {\r\n              label: \"每年保持各个岗位说明书与操作文件的一致性\",\r\n              path: \"product-son-page35\",\r\n            },\r\n            {\r\n              label: \"协助程序文件（二层文件）的更改\",\r\n              path: \"product-son-page37\",\r\n            },\r\n            {\r\n              label: \"每年管理手册维护和更新\",\r\n              path: \"product-son-page38\",\r\n            },\r\n          ],\r\n        },\r\n        {\r\n          title: \"体系落地\",\r\n          children: [\r\n            {\r\n              label: \"构建个人工作看板\",\r\n              path: \"product-son-page36\",\r\n            },\r\n\r\n            {\r\n              label: \"构建工作标准\",\r\n              path: \"product-son-page39\",\r\n            },\r\n            {\r\n              label: \"构建体系落地检查题库\",\r\n              path: \"product-son-page41\",\r\n            },\r\n            {\r\n              label: \"ISO9001质量管理体系审核\",\r\n              path: \"product-son-page17\",\r\n            },\r\n          ],\r\n        },\r\n        {\r\n          title: \"培训课程\",\r\n          children: [],\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  watch: {\r\n    $route(n) {\r\n      if (n.fullPath == \"/trial-use\" || n.fullPath == \"/book-all-detail\") {\r\n        this.tabItemIndex = null;\r\n      }\r\n      if (n.query.contactHomeIndex) {\r\n        this.tabItemIndex = 1;\r\n        this.tabChildIndex = n.query.contactHomeIndex;\r\n      }\r\n    },\r\n  },\r\n  directives: {\r\n    scroll: {\r\n      inserted(el, binding) {\r\n        const observer = new IntersectionObserver(\r\n          (entries, observer) => {\r\n            entries.forEach((entry) => {\r\n              if (entry.isIntersecting) {\r\n                const animationClass = binding.value;\r\n                el.classList.add(animationClass);\r\n                observer.unobserve(el);\r\n              }\r\n            });\r\n          },\r\n          {\r\n            rootMargin: \"0px\",\r\n            threshold: 0.1,\r\n          }\r\n        );\r\n        observer.observe(el);\r\n      },\r\n    },\r\n  },\r\n  mounted() {\r\n    // this.handleTab(0, this.tabList[0].path);\r\n    let index = sessionStorage.getItem(\"tabIndex\")?sessionStorage.getItem(\"tabIndex\"):0;\r\n    let path = sessionStorage.getItem(\"tabPath\")?sessionStorage.getItem(\"tabPath\"):this.tabList[0].path\r\n    this.tabItemIndex = sessionStorage.getItem(\"tabIndex\");\r\n    this.tabChildIndex = sessionStorage.getItem(\"tabChildIndex\");\r\n    this.handleTab(index, path);\r\n  },\r\n  methods: {\r\n    handleTab(i, path) {\r\n      this.tabItemIndex = i;\r\n      sessionStorage.setItem(\"tabChildIndex\",null);\r\n      sessionStorage.setItem(\"tabIndex\",i);\r\n      sessionStorage.setItem(\"tabPath\", path);\r\n      if (i == 1) return;\r\n      this.tabChildIndex = null;\r\n      this.$router.push(path);\r\n    },\r\n    clickTabLisChild(i, p,index) {\r\n      this.tabItemIndex = index;\r\n      sessionStorage.setItem(\"tabIndex\",index);\r\n      sessionStorage.setItem(\"tabChildIndex\",i);\r\n      sessionStorage.setItem(\"tabPath\",p);\r\n      this.tabChildIndex = i;\r\n      this.$router.push(p);\r\n      document.documentElement.scrollTop = 0;\r\n      document.body.scrollTop = 0;\r\n    },\r\n    toProductPage() {\r\n      this.$router.push(\"./product-view\");\r\n    },\r\n    toPage(childPath, fatherTitle, index, childIndex) {\r\n      this.$router.push(\r\n        \"./\" +\r\n          childPath +\r\n          \"?openList=\" +\r\n          fatherTitle +\r\n          \"&fatherIndex=\" +\r\n          index +\r\n          \"&childIndex=\" +\r\n          childIndex\r\n      );\r\n    },\r\n    // 跳转说明书页面并打开新窗口\r\n    linkLogin(index) {\r\n      window.open(\r\n        this.$router.resolve({\r\n          path: index == 1 ? \"/NewLogin\" : \"/NewLogin?showRegister=true\",\r\n        }).href,\r\n        \"_blank\"\r\n      );\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.first-page-header {\r\n  position: fixed;\r\n  width: 100%;\r\n  z-index: 999;\r\n  .Rem0_22 {\r\n    font-size: 0.22rem;\r\n    line-height: 0.5rem;\r\n  }\r\n  .PageColorClass {\r\n    background: #ffffff19;\r\n    & > div {\r\n      color: white;\r\n    }\r\n  }\r\n  .NoPageColorClass {\r\n    background: white;\r\n    & > div {\r\n      color: black;\r\n    }\r\n  }\r\n  .tab-pc {\r\n    width: 100%;\r\n    position: flex;\r\n    background-image: url(\"../../assets/images/page-background.png\");\r\n    .tab-contain {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      z-index: 1;\r\n      padding: 10px 7%;\r\n      > div {\r\n        position: relative;\r\n        z-index: 999;\r\n        display: flex;\r\n        align-items: center;\r\n        .tab-item:hover {\r\n          .product-dialog2 {\r\n            display: block !important;\r\n          }\r\n        }\r\n        .tab-item {\r\n          position: relative;\r\n          text-align: center;\r\n          border-radius: 5px;\r\n          cursor: default;\r\n          margin: 0 8px;\r\n          padding: 0 12px;\r\n          cursor: pointer;\r\n          .product-dialog2 {\r\n            position: absolute;\r\n            display: none;\r\n            left: -16px;\r\n            top: 50px;\r\n            background: white;\r\n            border-radius: 5px;\r\n            border: 5px solid #24569c;\r\n            .triangle {\r\n              position: absolute;\r\n              width: 0px;\r\n              height: 0px;\r\n              left: 51px;\r\n              top: -19px;\r\n              border: 10px solid transparent;\r\n              border-bottom-color: #24569c;\r\n            }\r\n            p {\r\n              color: black;\r\n              width: 120px;\r\n              padding: 5px 0;\r\n              cursor: pointer;\r\n              display: flex;\r\n              flex-direction: column;\r\n              justify-content: center;\r\n              align-items: center;\r\n              font-size: 0.2rem;\r\n              line-height: 0.3rem !important;\r\n            }\r\n\r\n            p:hover {\r\n              background: #24569c;\r\n              color: white;\r\n              font-weight: bold;\r\n            }\r\n            .activep {\r\n              color: #24569c;\r\n              font-weight: bold;\r\n            }\r\n          }\r\n        }\r\n        .tabItemActive {\r\n          background-color: #24569c;\r\n          color: white;\r\n        }\r\n        .dispalyNo {\r\n          display: none;\r\n        }\r\n        .phone {\r\n          display: flex;\r\n          align-items: center;\r\n          padding-right: 15px;\r\n        }\r\n        .el-button {\r\n          width: 1.2rem !important;\r\n          height: 0.45rem !important;\r\n          border-radius: 5px !important;\r\n          border: none !important;\r\n          font-size: 0.2rem !important;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .product-dialog {\r\n    position: absolute;\r\n    width: 100%;\r\n    background: white;\r\n    display: flex;\r\n    padding-bottom: 50px;\r\n    z-index: 999;\r\n  }\r\n  .onebox {\r\n    width: 17%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: end;\r\n    padding-right: 30px;\r\n    justify-content: center;\r\n    .p1 {\r\n      font-weight: bold;\r\n      width: 130px;\r\n      padding-top: 25px;\r\n    }\r\n    .p2 {\r\n      width: 130px;\r\n      font-size: 12px;\r\n      color: #788296;\r\n      word-break: break-all;\r\n      margin: 20px 0;\r\n    }\r\n    > .el-button {\r\n      margin-right: 20px;\r\n      background: #24569c !important;\r\n      color: white !important;\r\n      border-radius: 5px !important;\r\n    }\r\n  }\r\n  .towbox {\r\n    display: flex;\r\n    width: 70%;\r\n    border-left: 1px solid #ebecec;\r\n    .box {\r\n      flex: 1;\r\n      padding-top: 20px;\r\n      margin-left: 30px;\r\n      .p1 {\r\n        font-weight: bold;\r\n        padding-bottom: 15px;\r\n        border-bottom: 1px solid #ebecec;\r\n      }\r\n      .p2 {\r\n        margin-top: 15px;\r\n        font-size: 12px;\r\n        color: #5b5b5b;\r\n      }\r\n    }\r\n  }\r\n  .el-icon-close {\r\n    margin-top: 20px;\r\n    font-size: 18px;\r\n    margin-left: 40px;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FristPageHeader.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FristPageHeader.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FristPageHeader.vue?vue&type=template&id=e3b01458&scoped=true\"\nimport script from \"./FristPageHeader.vue?vue&type=script&lang=js\"\nexport * from \"./FristPageHeader.vue?vue&type=script&lang=js\"\nimport style0 from \"./FristPageHeader.vue?vue&type=style&index=0&id=e3b01458&prod&lang=less&scoped=true\"\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  \"e3b01458\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"first-page\">\r\n    <FirstPageHeader></FirstPageHeader>\r\n    <router-view />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport FirstPageHeader from \"../../components/public/FristPageHeader.vue\";\r\nexport default {\r\n  components: { FirstPageHeader },\r\n  data() {\r\n    return {};\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\">\r\n::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n.first-page {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FirstPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FirstPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FirstPage.vue?vue&type=template&id=6b0f09c4\"\nimport script from \"./FirstPage.vue?vue&type=script&lang=js\"\nexport * from \"./FirstPage.vue?vue&type=script&lang=js\"\nimport style0 from \"./FirstPage.vue?vue&type=style&index=0&id=6b0f09c4&prod&lang=less\"\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--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FristPageHeader.vue?vue&type=style&index=0&id=e3b01458&prod&lang=less&scoped=true\""],"sourceRoot":""}