{"version":3,"sources":["webpack:///./src/views/IndustryApplication.vue?f34b","webpack:///src/views/IndustryApplication.vue","webpack:///./src/views/IndustryApplication.vue?6f60","webpack:///./src/views/IndustryApplication.vue","webpack:///./src/views/components/Panel/SectionPanel.vue?46a1","webpack:///./src/views/components/Panel/SectionPanel.vue?a206","webpack:///src/views/components/Panel/SectionPanel.vue","webpack:///./src/views/components/Panel/SectionPanel.vue?f2f0","webpack:///./src/views/components/Panel/SectionPanel.vue","webpack:///./src/views/IndustryApplication.vue?80c3","webpack:///./src/assets/data/dic.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","_l","item","k","directives","name","rawName","value","expression","on","$event","itemClick","staticRenderFns","children","cur","img","banner","i","component","options","length","attrs","key","text","产品荟萃","process","行业应用","相关产品","案例"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,UAAUL,EAAG,MAAM,CAACE,YAAY,gBAAgBN,EAAIU,GAAIV,EAAW,SAAE,SAASW,EAAKC,GAAG,OAAOR,EAAG,MAAM,CAACS,WAAW,CAAC,CAACC,KAAK,MAAMC,QAAQ,QAAQC,MAAOL,EAAQ,IAAEM,WAAW,aAAaX,YAAY,OAAOY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,UAAUT,EAAMC,MAAM,CAACR,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIO,GAAGP,EAAIQ,GAAGI,WAAU,MAC3gBS,EAAkB,G,sECgBtB,GACE,MAAF,UACE,KAFF,WAGI,MAAJ,CACM,QAAN,KAGE,QAAF,CACI,UADJ,SACA,KACA,wBACQ,OAAR,sCAGA,qBACQ,KAAR,cAAU,KAAV,eAAU,OAAV,CAAY,OAAZ,KAEQ,KAAR,cAAU,KAAV,gBAAU,OAAV,CAAY,QAAZ,WAAY,KAAZ,wBAIE,WAAF,CACI,aAAJ,QAEE,QAvBF,WAuBI,IAAJ,OAAI,OAAJ,4JACA,6CADA,OACA,EADA,OAEA,kCASA,OARA,YACA,6BAEA,aACoBC,SAAU,CAACC,GACXC,IAAKD,EAAIE,QAG7B,IACA,IACA,wBACA,gBACA,gBACA,cACA,yBACoB,OAAIC,EAAI,IAAM,EAClC,YAEA,YAGA,gDACA,mCAzBA,+CCxC6V,I,wBCQzVC,EAAY,eACd,EACA5B,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,6FCnBf,W,oCCAA,IAAI5B,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAI4B,QAAQC,OAAO,EAAGzB,EAAG,mBAAmB,CAAC0B,MAAM,CAAC,OAAS,GAAG,eAAe,sBAAsB,kBAAkB,yBAAyB,sBAAsB,+BAA+B9B,EAAIU,GAAIV,EAAW,SAAE,SAASW,GAAM,OAAOP,EAAG,MAAM,CAACS,WAAW,CAAC,CAACC,KAAK,MAAMC,QAAQ,QAAQC,MAAOL,EAAQ,IAAEM,WAAW,aAAac,IAAIpB,EAAKqB,KAAK1B,YAAY,OAAOY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,UAAUT,MAAS,CAACP,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIO,GAAGP,EAAIQ,GAAGG,EAAKqB,cAAa,GAAG5B,EAAG,aAAa,CAAC0B,MAAM,CAAC,OAAS,GAAG,eAAe,sBAAsB,kBAAkB,yBAAyB,sBAAsB,+BAA+B,CAAC1B,EAAG,MAAM,CAACS,WAAW,CAAC,CAACC,KAAK,MAAMC,QAAQ,QAAQC,MAAOhB,EAAI4B,QAAQ,GAAM,IAAEX,WAAW,mBAAmBX,YAAY,OAAOY,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,UAAUpB,EAAI4B,QAAQ,OAAO,CAACxB,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAI4B,QAAQ,GAAGI,cAAc,IACvgCX,EAAkB,GC0BtB,GACE,MAAF,CACI,QAAJ,CACM,KAAN,MACM,QAFN,WAGQ,MAAR,MAIE,QAAF,CACI,UADJ,SACA,GACA,MACQ,KAAR,sBCvCoX,I,wBCQhXM,EAAY,eACd,EACA5B,EACAsB,GACA,EACA,KACA,WACA,MAIa,OAAAM,E,2CCnBf,W,kCCAe,QACXM,OAAMC,gEACNC,OAAMD,gEACNE,OAAMF,gEACN,SAAUA,gEACVG,KAAIH","file":"js/chunk-69f95171.baf3a843.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"industry-appliction-container\"},[_c('div',{staticClass:\"base-title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"item-wrapper\"},_vm._l((_vm.options),function(item,k){return _c('div',{directives:[{name:\"src\",rawName:\"v-src\",value:(item.img),expression:\"item.img\"}],staticClass:\"item\",on:{\"click\":function($event){return _vm.itemClick(item, k)}}},[_c('div',{staticClass:\"row\"},[_vm._v(_vm._s(k))])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang='pug'>\n.industry-appliction-container\n    .base-title {{ title }}\n    .item-wrapper\n        .item(\n            v-for='(item, k) in options',\n            v-src='item.img',\n            @click='itemClick(item, k)'\n        )\n            .row {{ k }}\n</template>\n\n<script>\nimport SectionPanel from './components/Panel/SectionPanel'\nimport dataDic from '@/assets/data/dic'\n\nimport anime from 'animejs'\nexport default {\n    props: ['title'],\n    data() {\n        return {\n            options: {},\n        }\n    },\n    methods: {\n        itemClick(item, level1) {\n            if(item.children[0].levelLink){\n                window.location.href = item.children[0].levelLink\n                return\n            }\n            if (item.children[0].isList) {\n                this.$router.push({ name: 'industryList', params: { level1 } })\n            } else {\n                this.$router.push({ name: 'productDetail', params: { section: this.title, name: item.children[0].name } })\n            }\n        }\n    },\n    components: {\n        SectionPanel\n    },\n    async created() {\n        const data = await this.$store.dispatch('getJson', dataDic[this.title])\n        this.options = data.reduce((pre, cur) => {\n            if (pre[cur.level1]) {\n                pre[cur.level1].children.push(cur)\n            } else {\n                pre[cur.level1] = {\n                    children: [cur],\n                    img: cur.banner\n                }\n            }\n            return pre\n        }, {})\n        this.$nextTick(() => {\n            anime({\n                targets: '.item',\n                opacity: [0, 1],\n                translateX: (el, i) => {\n                    if (i % 2 === 0) {\n                        return ['-100%', 0]\n                    } else {\n                        return ['100%', 0]\n                    }\n                },\n                delay: anime.stagger(150, { easing: 'easeInQuad' }),\n                easing: 'spring(1, 80, 10, 0)'\n            })\n        })\n    }\n}\n</script>\n\n<style scoped lang='less'>\n.industry-appliction-container {\n    padding: 0 0.8rem 10vh;\n}\n.item-wrapper {\n    display: flex;\n    justify-content: space-between;\n    align-content: flex-start;\n    flex-wrap: wrap;\n    .item {\n        opacity: 0;\n        width: 7.9rem;\n        height: 6rem;\n        background: transparent no-repeat center/cover;\n        display: flex;\n        align-items: flex-end;\n        &:not(:last-child) {\n            margin-bottom: 1.2rem;\n        }\n        .row {\n            background: linear-gradient(135deg, #7abac9 92%, #fff 92%);\n            text-align: center;\n            color: #fff;\n            font-size: 0.7rem;\n            width: 100%;\n            line-height: 1rem;\n            position: relative;\n            &::after {\n                content: '';\n                background: url('~@/assets/imgs/arrow.png') no-repeat\n                    center/contain;\n                width: 0.3rem;\n                height: 0.3rem;\n                position: absolute;\n                right: 0.1rem;\n                bottom: 0.1rem;\n            }\n        }\n    }\n}\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!./IndustryApplication.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!./IndustryApplication.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IndustryApplication.vue?vue&type=template&id=66641814&scoped=true&lang=pug&\"\nimport script from \"./IndustryApplication.vue?vue&type=script&lang=js&\"\nexport * from \"./IndustryApplication.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IndustryApplication.vue?vue&type=style&index=0&id=66641814&scoped=true&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  \"66641814\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SectionPanel.vue?vue&type=style&index=0&id=6fe4f3a5&scoped=true&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.options.length>1)?_c('transition-group',{attrs:{\"appear\":\"\",\"appear-class\":\"custom-appear-class\",\"appear-to-class\":\"custom-appear-to-class\",\"appear-active-class\":\"custom-appear-active-class\"}},_vm._l((_vm.options),function(item){return _c('div',{directives:[{name:\"src\",rawName:\"v-src\",value:(item.img),expression:\"item.img\"}],key:item.text,staticClass:\"item\",on:{\"click\":function($event){return _vm.itemClick(item)}}},[_c('div',{staticClass:\"row\"},[_vm._v(_vm._s(item.text))])])}),0):_c('transition',{attrs:{\"appear\":\"\",\"appear-class\":\"custom-appear-class\",\"appear-to-class\":\"custom-appear-to-class\",\"appear-active-class\":\"custom-appear-active-class\"}},[_c('div',{directives:[{name:\"src\",rawName:\"v-src\",value:(_vm.options[0].img),expression:\"options[0].img\"}],staticClass:\"item\",on:{\"click\":function($event){return _vm.itemClick(_vm.options[0])}}},[_c('div',{staticClass:\"row\"},[_vm._v(_vm._s(_vm.options[0].text))])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template lang='pug'>\ndiv\n    transition-group(v-if=\"options.length>1\"\n        appear,\n        appear-class='custom-appear-class',\n        appear-to-class='custom-appear-to-class',\n        appear-active-class='custom-appear-active-class')\n        .item(\n            v-for='item in options',\n            :key='item.text',\n            v-src='item.img',\n            @click='itemClick(item)'\n        )\n            .row {{ item.text }}\n    transition(v-else\n        appear,\n        appear-class='custom-appear-class',\n        appear-to-class='custom-appear-to-class',\n        appear-active-class='custom-appear-active-class')\n        .item(\n            v-src='options[0].img',\n            @click='itemClick(options[0])'\n        )\n            .row {{ options[0].text }}\n</template>\n\n<script>\nexport default {\n    props: {\n        options: {\n            type: Array,\n            default() {\n                return []\n            }\n        }\n    },\n    methods: {\n        itemClick(item) {\n            if (item.to) {\n                this.$router.push(item.to)\n            }\n        }\n    }\n}\n</script>\n\n<style scoped lang='less'>\n.item {\n    width: 100%;\n    height: 8.75rem;\n    background: transparent no-repeat center/cover;\n    display: flex;\n    align-items: flex-end;\n    &:not(:last-child) {\n        margin-bottom: 1.2rem;\n    }\n    .row {\n        background: linear-gradient(135deg, #7abac9 92%, #fff 92%);\n        text-align: center;\n        color: #fff;\n        font-size: 0.8rem;\n        width: 100%;\n        line-height: 2.1rem;\n        position: relative;\n        &::after {\n            content: '';\n            background: url('~@/assets/imgs/arrow.png') no-repeat center/contain;\n            width: 0.6rem;\n            height: 0.6rem;\n            position: absolute;\n            right: 0.2rem;\n            bottom: 0.2rem;\n        }\n    }\n}\n.custom-appear-class {\n    transform: translateX(125%);\n    .row {\n        opacity: 0;\n        transform: translateX(-225%);\n    }\n}\n.custom-appear-to-class {\n    .row {\n        opacity: 1;\n    }\n}\n.custom-appear-active-class {\n    transition: all 0.5s ease-in;\n    .row {\n        transition: all 0.5s ease-in;\n    }\n}\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!./SectionPanel.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!./SectionPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SectionPanel.vue?vue&type=template&id=6fe4f3a5&scoped=true&lang=pug&\"\nimport script from \"./SectionPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./SectionPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SectionPanel.vue?vue&type=style&index=0&id=6fe4f3a5&scoped=true&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  \"6fe4f3a5\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./IndustryApplication.vue?vue&type=style&index=0&id=66641814&scoped=true&lang=less&\"","export default {\n    产品荟萃: process.env.VUE_APP_DATA_PRODUCT_ASSEMBLE,\n    行业应用: process.env.VUE_APP_DATA_INDUSTRY_APPLICATION,\n    相关产品: process.env.VUE_APP_DATA_RELATED_PRODUCTS,\n    '工业 4.0': process.env.VUE_APP_DATA_INDUSTRY4_0,\n    案例: process.env.VUE_APP_DATA_CASE\n}\n"],"sourceRoot":""}