{"version":3,"sources":["webpack:///./src/home/cata/Index.vue?7765","webpack:///src/home/cata/Index.vue","webpack:///./src/home/cata/Index.vue?fb4b","webpack:///./src/home/cata/Index.vue","webpack:///./src/home/cata/Index.vue?a7d3","webpack:///./src/home/cata/components/NavTab.vue?ce44","webpack:///src/home/cata/components/NavTab.vue","webpack:///./src/home/cata/components/NavTab.vue?a060","webpack:///./src/home/cata/components/NavTab.vue","webpack:///./src/home/cata/components/NavTab.vue?a3cd","webpack:///./src/home/cata/components/NavTab.vue?1368","webpack:///./src/home/cata/Index.vue?1ddd","webpack:///./src/home/cata/components/NavTab.vue?958f","webpack:///./node_modules/core-js/modules/es.array.find-index.js","webpack:///./src/home/cata/Index.vue?4075"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","pl","ref","loadDirectories","treeProps","on","loadDirItems","scopedSlots","_u","key","fn","node","data","_v","_s","DirName","_e","directives","name","rawName","value","expression","domProps","keyLoadItems","$event","target","composing","prodName","prodCount","pageCount","loadProducts","_l","prod","ProdID","url","ProdName","$store","state","compProps","clogoheight","style","staticRenderFns","DirMemo","ID","OwnerID","ParentID","State","res","component","___CSS_LOADER_API_IMPORT___","exports","push","module","i","class","active","id","activeTab","prodId","stopPropagation","closeProd","content","__esModule","default","locals","add","$","$findIndex","findIndex","addToUnscopables","FIND_INDEX","SKIPS_HOLES","Array","proto","forced","callbackfn","arguments","length","undefined"],"mappings":"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","file":"js/chunk-03e08c66.97916b4b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"max-wrap product\"},[_c('ly-nav-tab',{attrs:{\"tab\":\"product\"}}),_c('div',{staticClass:\"tab-content\"},[(_vm.pl!='no')?_c('div',{staticClass:\"menu-wrap\"},[_c('el-tree',{ref:\"tree\",attrs:{\"load\":_vm.loadDirectories,\"node-key\":\"ID\",\"default-expanded-keys\":['0'],\"expand-on-click-node\":false,\"lazy\":\"\",\"props\":_vm.treeProps},on:{\"current-change\":_vm.loadDirItems},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar node = ref.node;\nvar data = ref.data;\nreturn _c('span',{staticClass:\"custom-tree-node\"},[_c('span',{staticClass:\"flex\"},[_vm._v(_vm._s(data.DirName))])])}}],null,false,2971970383)})],1):_vm._e(),_c('div',{staticClass:\"prod-wrap\"},[_c('div',{staticClass:\"nav-body\"},[_c('div',{staticClass:\"nav-search\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.prodName),expression:\"prodName\"}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入搜索关键字\"},domProps:{\"value\":(_vm.prodName)},on:{\"keypress\":_vm.keyLoadItems,\"input\":function($event){if($event.target.composing){ return; }_vm.prodName=$event.target.value}}}),_c('button',{on:{\"click\":function($event){return _vm.loadDirItems()}}},[_vm._v(\"搜索\")])]),_c('div',{staticClass:\"nums-body\"},[_c('label',[_vm._v(\"共 \"),_c('i',[_vm._v(_vm._s(_vm.prodCount))]),_vm._v(\" 个产品！\")]),_c('el-pagination',{attrs:{\"page-size\":_vm.pageCount,\"total\":_vm.prodCount,\"layout\":\"prev, pager, next\"},on:{\"current-change\":_vm.loadProducts}})],1)]),_c('div',{ref:\"prodBody\",staticClass:\"prod-body\"},[_vm._l((_vm.prods),function(prod){return _c('div',{key:prod.ProdID,staticClass:\"prod-box\"},[_c('a',{attrs:{\"href\":(\"/#/product/info?id=\" + (prod.ProdID))}},[_c('div',{staticClass:\"img-box\"},[_c('img',{attrs:{\"src\":((_vm.url.img) + \"/files/\" + (prod.ProdLogo) + \"_360x360.gif\")}})]),_c('div',{staticClass:\"prod-title\"},[_c('p',[_vm._v(_vm._s(prod.ProdName))])])]),(_vm.$store.state.compProps.clogoheight>0)?_c('img',{staticClass:\"comp-logo-i\",style:('height:'+_vm.$store.state.compProps.clogoheight+'px'),attrs:{\"src\":((_vm.url.img) + \"/files/\" + (_vm.$store.state.compLogo) + \"_0x60.png\")}}):_vm._e()])}),_c('div',{staticClass:\"prod-box empty\"}),_c('div',{staticClass:\"prod-box empty\"}),_c('div',{staticClass:\"prod-box empty\"}),_c('div',{staticClass:\"prod-box empty\"})],2)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"max-wrap product\">\r\n      <ly-nav-tab tab=\"product\"></ly-nav-tab>\r\n      <div class=\"tab-content\">\r\n         <div class=\"menu-wrap\" v-if=\"pl!='no'\">\r\n            <el-tree :load=\"loadDirectories\" @current-change=\"loadDirItems\" node-key=\"ID\" :default-expanded-keys=\"['0']\"\r\n               :expand-on-click-node=\"false\" lazy ref=\"tree\" :props=\"treeProps\">\r\n               <span class=\"custom-tree-node\" slot-scope=\"{node, data}\">\r\n                  <span class=\"flex\">{{data.DirName}}</span>\r\n               </span>\r\n            </el-tree>\r\n         </div>\r\n         <div class=\"prod-wrap\">\r\n            <div class=\"nav-body\">\r\n               <div class=\"nav-search\">\r\n                  <input type=\"text\" v-model=\"prodName\" placeholder=\"请输入搜索关键字\" @keypress=\"keyLoadItems\" />\r\n                  <button @click=\"loadDirItems()\">搜索</button>\r\n               </div>\r\n               <div class=\"nums-body\">\r\n                  <label>共 <i>{{prodCount}}</i> 个产品！</label>\r\n                  <el-pagination @current-change=\"loadProducts\" :page-size=\"pageCount\" :total=\"prodCount\" layout=\"prev, pager, next\"></el-pagination>\r\n               </div>\r\n            </div>\r\n            <div class=\"prod-body\" ref=\"prodBody\">\r\n               <div class=\"prod-box\" v-for=\"prod in prods\" :key=\"prod.ProdID\">\r\n                  <a :href=\"`/#/product/info?id=${prod.ProdID}`\">\r\n                     <div class=\"img-box\">\r\n                        <img :src=\"`${url.img}/files/${prod.ProdLogo}_360x360.gif`\"  />\r\n                     </div>\r\n                     <div class=\"prod-title\">\r\n                        <p>{{ prod.ProdName }}</p>\r\n                     </div>\r\n                  </a>\r\n                  <img :src=\"`${url.img}/files/${$store.state.compLogo}_0x60.png`\" class=\"comp-logo-i\" \r\n                     :style=\"'height:'+$store.state.compProps.clogoheight+'px'\" v-if=\"$store.state.compProps.clogoheight>0\" />\r\n               </div>\r\n               <div class=\"prod-box empty\"></div>\r\n               <div class=\"prod-box empty\"></div>\r\n               <div class=\"prod-box empty\"></div>\r\n               <div class=\"prod-box empty\"></div>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n</template>\r\n\r\n<script>\r\n   import {Db, Msg, Url} from '@/libs/Utility.ts';\r\n   import NavTabCtl from '@/home/cata/components/NavTab.vue';\r\n\r\n   export default {\r\n      name: \"index\",\r\n      components: {\r\n         'ly-nav-tab': NavTabCtl\r\n      },\r\n      data() {\r\n         return {\r\n            url: Url,\r\n            treeProps: {\r\n               isLeaf: function(data, node) {\r\n                  return (node.data && node.data.IsLeaf) || false;\r\n               }\r\n            },\r\n            prodName: \"\",\r\n            prodDir: \"\",\r\n            pl: \"\",\r\n            prods: [],\r\n            prodCount: 0,\r\n            page: 1,\r\n            pageCount: 30\r\n         }\r\n      },\r\n      mounted() {\r\n         this.$store.commit(\"setTitle\", \"产品目录\");\r\n         //初始传入的目录编号\r\n         this.prodDir = this.$route.query.dir || \"\";\r\n         if (this.prodDir) {\r\n            sessionStorage.setItem(`${this.$store.state.compId}_initDir`, this.prodDir);\r\n         } else {\r\n            this.prodDir = sessionStorage.getItem(`${this.$store.state.compId}_initDir`) || \"\";\r\n         }\r\n         //是否显示左侧目录\r\n         this.pl = this.$route.query.pl || \"\";\r\n         if (this.pl) {\r\n            sessionStorage.setItem(`${this.$store.state.compId}_pl`, this.pl);\r\n         } else {\r\n            this.pl = sessionStorage.getItem(`${this.$store.state.compId}_pl`) || \"\";\r\n         }\r\n         //加载产品列表\r\n         this.loadProducts();\r\n      },\r\n      methods: {\r\n         async loadDirectories(node, resolve) {\r\n            if (node.level == 0) {\r\n               resolve([this.data = {\r\n                  DirName: \"产品目录\",\r\n                  DirMemo: \"\",\r\n                  ID: \"0\"\r\n               }]);\r\n            } else {\r\n               for(;;) {\r\n                  await Db.sleep();\r\n                  if (this.$store.state.compId) break;\r\n               }\r\n               Db.post(`${Url.api}/dir/100/search`, {\r\n                  OwnerID: this.$store.state.compId,\r\n                  ParentID: node.data.ID || \"0\",\r\n                  State: 0\r\n               }).then(res=>{\r\n                  if (res.State == 0) {\r\n                     resolve(res.Data);\r\n                  } else {\r\n                     Msg.error(res.Data);\r\n                  }\r\n               })\r\n            }\r\n         },\r\n         keyLoadItems(e) {\r\n            if (e.keyCode == 13) {\r\n               this.loadDirItems();\r\n            }\r\n         },\r\n         loadDirItems(data, node) {\r\n            if (data) {\r\n               if (data.ID == this.prodDir) return;\r\n               this.prodDir = data.ID;\r\n            }\r\n            this.loadProducts(1)\r\n         },\r\n         loadProducts(page) {\r\n            this.page = (page || 1);\r\n            Db.post(`${Url.api}/prod/list?page=${this.page}&count=${this.pageCount}&compId={comp}`, {\r\n               ParentID: \"0\",\r\n               CompID: this.$store.state.compId,\r\n               DirID: this.prodDir,\r\n               ProdName: this.prodName,\r\n               State: 9,\r\n               OrderBy: 7\r\n            }).then(res=>{\r\n               this.prods = res.Data.List;\r\n               this.prodCount = res.Data.TotalCount;\r\n               this.$refs.prodBody.scrollTop = 0;\r\n            });\r\n         }\r\n      }\r\n   }\r\n</script>\r\n\r\n<style scoped>\r\n   .menu-wrap {\r\n      min-width: 220px;\r\n   }\r\n   .product /deep/ .el-tree-node__content {\r\n      height: 35px;\r\n   }\r\n   .banner {\r\n      width: 100%;\r\n   }\r\n   .tab-content{\r\n      display: flex;\r\n      padding: 0;\r\n      flex: 1;\r\n      overflow-y: hidden;\r\n   }\r\n   .prod-wrap {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n   }\r\n   .nav-body {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      padding: 10px 20px;\r\n      border-bottom: solid 1px #e1e1e1;\r\n      align-items: center;\r\n   }\r\n   .nums-body>label>i {\r\n      color: #ff4000;\r\n      font-weight: bold;\r\n   }\r\n   .nav-body .nav-search {\r\n      border: solid 1px #ccc;\r\n      overflow: hidden;\r\n      border-radius: 5px;\r\n      line-height: 25px;\r\n   }\r\n   .nav-body .nav-search input {\r\n      padding: 5px;\r\n      border: none;\r\n      outline: none;\r\n   }\r\n   .nav-body .nav-search button {\r\n      border: none;\r\n      outline: none;\r\n      cursor: pointer;\r\n      padding: 5px 10px;\r\n   }\r\n   .prod-body {\r\n      flex: 1;\r\n      overflow-y: auto;\r\n      overflow-x: hidden;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      padding: 10px;\r\n   }\r\n   .nums-body {\r\n      display: flex;\r\n      align-items: center;\r\n   }\r\n   .nums-body>label {\r\n      margin-right: 10px;\r\n   }\r\n   .prod-box {\r\n      max-width: 330px;\r\n      min-width: 260px;\r\n      max-height: 360px;\r\n      margin: 10px;\r\n      border: solid 1px #e1e1e1;\r\n      border-radius: 5px;\r\n      cursor: pointer;\r\n      flex: 1;\r\n      position: relative;\r\n   }\r\n   .prod-box:hover {\r\n      box-shadow: 0 0 10px #ccc;\r\n   }\r\n   .prod-box.empty {\r\n      border: none;\r\n      box-shadow: none;\r\n      cursor: default;\r\n   }\r\n   .prod-box .prod-title {\r\n      padding: 5px;\r\n      font-size: 16px;\r\n   }\r\n   .img-box {\r\n      position: relative;\r\n   }\r\n   .img-box img {\r\n      width: 100%;\r\n   }\r\n</style>","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=9a136798&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=9a136798&scoped=true&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  \"9a136798\",\n  null\n  \n)\n\nexport default component.exports","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".menu-wrap[data-v-9a136798]{min-width:220px}.product[data-v-9a136798] .el-tree-node__content{height:35px}.banner[data-v-9a136798]{width:100%}.tab-content[data-v-9a136798]{display:flex;padding:0;flex:1;overflow-y:hidden}.prod-wrap[data-v-9a136798]{flex:1;display:flex;flex-direction:column}.nav-body[data-v-9a136798]{display:flex;justify-content:space-between;padding:10px 20px;border-bottom:1px solid #e1e1e1;align-items:center}.nums-body>label>i[data-v-9a136798]{color:#ff4000;font-weight:700}.nav-body .nav-search[data-v-9a136798]{border:1px solid #ccc;overflow:hidden;border-radius:5px;line-height:25px}.nav-body .nav-search input[data-v-9a136798]{padding:5px;border:none;outline:none}.nav-body .nav-search button[data-v-9a136798]{border:none;outline:none;cursor:pointer;padding:5px 10px}.prod-body[data-v-9a136798]{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-wrap:wrap;padding:10px}.nums-body[data-v-9a136798]{display:flex;align-items:center}.nums-body>label[data-v-9a136798]{margin-right:10px}.prod-box[data-v-9a136798]{max-width:330px;min-width:260px;max-height:360px;margin:10px;border:1px solid #e1e1e1;border-radius:5px;cursor:pointer;flex:1;position:relative}.prod-box[data-v-9a136798]:hover{box-shadow:0 0 10px #ccc}.prod-box.empty[data-v-9a136798]{border:none;box-shadow:none;cursor:default}.prod-box .prod-title[data-v-9a136798]{padding:5px;font-size:16px}.img-box[data-v-9a136798]{position:relative}.img-box img[data-v-9a136798]{width:100%}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"tab-wrap\"},[_c('a',{attrs:{\"href\":\"/#/product\"}},[_c('li',{staticClass:\"tab\",class:{active:_vm.active=='product'}},[_vm._v(\"产品目录\")])]),_c('a',{attrs:{\"href\":\"/#/catalog\"}},[_c('li',{staticClass:\"tab\",class:{active:_vm.active=='catalog'}},[_vm._v(\"工况选型\")])]),_vm._l((_vm.prods),function(prod){return [_c('a',{key:prod.id,attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.activeTab(prod)}}},[_c('li',{staticClass:\"tab prod\",class:{active:prod.id==_vm.prodId}},[(prod.logo)?_c('img',{attrs:{\"src\":((_vm.url.api) + \"/files/\" + (prod.logo) + \"_300x300.jpg\"),\"height\":\"40\"}}):_vm._e(),_c('span',[_vm._v(_vm._s(prod.name))]),_c('i',{staticClass:\"el-icon-close\",on:{\"click\":function($event){$event.stopPropagation();_vm.closeProd(prod.id);return false;}}})])])]})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <ul class=\"tab-wrap\">\r\n      <a href=\"/#/product\">\r\n         <li :class=\"{active:active=='product'}\" class=\"tab\">产品目录</li>\r\n      </a>\r\n      <a href=\"/#/catalog\">\r\n         <li :class=\"{active:active=='catalog'}\" class=\"tab\">工况选型</li>\r\n      </a>\r\n      <template v-for=\"prod in prods\">\r\n         <a href=\"javascript:void(0)\" @click=\"activeTab(prod)\" :key=\"prod.id\">\r\n            <li :class=\"{active:prod.id==prodId}\" class=\"tab prod\">\r\n               <img :src=\"`${url.api}/files/${prod.logo}_300x300.jpg`\" height=\"40\" v-if=\"prod.logo\" />\r\n               <span>{{prod.name}}</span>\r\n               <i class=\"el-icon-close\" @click.stop=\"closeProd(prod.id);return false;\"></i>\r\n            </li>\r\n         </a>\r\n      </template>\r\n   </ul>\r\n</template>\r\n\r\n<script>\r\n   import {Url} from '@/libs/Utility.ts';\r\n\r\n   export default {\r\n      name: \"nav-tab-nocache\",\r\n      props: {\r\n         tab: {type: String}\r\n      },\r\n      data() {\r\n         return {\r\n            url: Url,\r\n            prods: [],\r\n            active: this.tab,\r\n            prodId: \"\",\r\n            storageKey: `prod${location.host.split('.')[0]}`\r\n         }\r\n      },\r\n      watch: {\r\n         $route() {\r\n            if (this.prodId == this.$route.query.id) {\r\n               this.showNavTab();\r\n            }\r\n         }\r\n      },\r\n      mounted() {\r\n         this.showNavTab();\r\n      },\r\n      methods: {\r\n         showNavTab(p) {\r\n            this.prods.length = 0;\r\n            this.prods.push(...JSON.parse(sessionStorage.getItem(this.storageKey) || \"[]\"));\r\n            if (p) {\r\n               const prod = this.prods.filter(x=>x.id==p.id)[0];\r\n               if(prod) {\r\n                  if (p.name != \"参数加载中...\") {\r\n                     prod.name=p.name;\r\n                     prod.logo=p.logo;\r\n                  }\r\n                  prod.keys.length = 0;\r\n                  prod.keys.push(...p.keys);\r\n               } else { \r\n                  this.prods.push(p);\r\n               }\r\n               if (this.prods.length > 3) {\r\n                  this.prods.splice(0, 1);\r\n               }\r\n               sessionStorage.setItem(this.storageKey, JSON.stringify(this.prods));\r\n\r\n               this.prodId = p.id;\r\n               this.activeTab(p);\r\n            } else {\r\n               this.prodId = this.$route.query.id;\r\n            }\r\n         },\r\n         closeProd(prodId) {\r\n            const ix = this.prods.findIndex(x=>x.id==prodId);\r\n            if(ix<0) return;\r\n            const curr = this.prods[ix];\r\n            this.prods.splice(ix, 1);\r\n\r\n            if (this.prodId == curr.id) {\r\n               if (this.prods.length == 0) {\r\n                  this.active = \"catalog\";\r\n                  this.prodId = \"\";\r\n                  location.href = \"/#/catalog\";\r\n               } else {\r\n                  const p = this.prods[ix>0?ix-1:ix];\r\n                  this.activeTab(p);\r\n               }\r\n            }\r\n            sessionStorage.setItem(this.storageKey, JSON.stringify(this.prods));\r\n         },\r\n         activeTab(p) {\r\n            location.href = `/#/product/info?id=${p.id}&keys=${encodeURIComponent(JSON.stringify(p.keys))}`;\r\n            this.$store.commit(\"setTitle\", p.name);\r\n         }\r\n      }\r\n   }\r\n</script>\r\n\r\n<style>\r\n   .tab-wrap {\r\n      margin-top: 10px;\r\n   }\r\n   .tab-wrap .tab.prod {\r\n      padding: 0 35px 0 15px;\r\n      display: flex;\r\n      align-items: center;\r\n   }\r\n</style>","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!./NavTab.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!./NavTab.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NavTab.vue?vue&type=template&id=462709bc&\"\nimport script from \"./NavTab.vue?vue&type=script&lang=js&\"\nexport * from \"./NavTab.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NavTab.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/vue-style-loader/index.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/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavTab.vue?vue&type=style&index=0&lang=css&\"","// 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??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/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavTab.vue?vue&type=style&index=0&lang=css&\");\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(\"52a149ec\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","export * from \"-!../../../node_modules/vue-style-loader/index.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/postcss-loader/src/index.js??ref--6-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&id=9a136798&scoped=true&lang=css&\"","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".tab-wrap{margin-top:10px}.tab-wrap .tab.prod{padding:0 35px 0 15px;display:flex;align-items:center}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","'use strict';\nvar $ = require('../internals/export');\nvar $findIndex = require('../internals/array-iteration').findIndex;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\nvar FIND_INDEX = 'findIndex';\nvar SKIPS_HOLES = true;\n\n// Shouldn't skip holes\nif (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.findIndex` method\n// https://tc39.es/ecma262/#sec-array.prototype.findindex\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {\n  findIndex: function findIndex(callbackfn /* , that = undefined */) {\n    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND_INDEX);\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??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/postcss-loader/src/index.js??ref--6-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&id=9a136798&scoped=true&lang=css&\");\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(\"16c3a7fa\", content, true, {\"sourceMap\":false,\"shadowMode\":false});"],"sourceRoot":""}