{"version":3,"sources":["webpack:///./src/views/sy_product/hard1.vue?79f0","webpack:///src/views/sy_product/hard1.vue","webpack:///./src/views/sy_product/hard1.vue?ee58","webpack:///./src/views/sy_product/hard1.vue","webpack:///./node_modules/core-js/modules/es.function.name.js","webpack:///./src/views/sy_product/hard1.vue?81ee"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","topImgUrl","_v","value","on","handleTabsClick","path","_l","item","i","key","$event","lookDetail","directives","name","rawName","expression","_s","title","total","currentPage","handelCurrentChange","goBack","hardwareData","imgUrl","describe","staticRenderFns","data","datas","hardwareDatas","showTab","detailData","function","features","technicalParameters","exampleScenario","created","initData","methods","element","length","val","$router","push","tab","component","DESCRIPTORS","FUNCTION_NAME_EXISTS","EXISTS","uncurryThis","defineProperty","f","FunctionPrototype","Function","prototype","functionToString","toString","nameRE","regExpExec","exec","NAME","configurable","get","error"],"mappings":"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","file":"js/chunk-5e66c278.d56fd890.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('div',{staticClass:\"top\"},[_c('img',{staticClass:\"top-img\",attrs:{\"src\":_vm.topImgUrl,\"alt\":\"\"}}),_c('p',[_vm._v(\"产品中心\")])]),_c('div',{staticClass:\"bottoms\"},[_c('el-tabs',{attrs:{\"value\":_vm.value},on:{\"tab-click\":_vm.handleTabsClick}},[_c('el-tab-pane',{attrs:{\"label\":\"软件\",\"name\":\"/software1\"}}),_c('el-tab-pane',{attrs:{\"label\":\"硬件\",\"name\":\"/hardware1\"}}),_c('el-tab-pane',{attrs:{\"label\":\"网络\",\"name\":\"/network1\"}}),_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/software1' }}},[_vm._v(\"产品中心\")]),(_vm.value==='/software1')?_c('el-breadcrumb-item',[_vm._v(\"软件\")]):(_vm.value==='/hardware1')?_c('el-breadcrumb-item',[_vm._v(\"硬件\")]):_c('el-breadcrumb-item',[_vm._v(\"网络\")])],1)],1)],1),_c('div',{staticClass:\"qualification\"},[(_vm.showTab)?_c('div',{staticClass:\"tab-box\"},[_c('div',{staticClass:\"int-box\"},_vm._l((_vm.hardwareData),function(item,i){return _c('div',{key:i,staticClass:\"img-and-title\",on:{\"click\":function($event){return _vm.lookDetail(item)}}},[_c('div',{staticClass:\"img-box\"},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.imgUrl),expression:\"item.imgUrl\"}],attrs:{\"alt\":\"\"}})]),_c('p',[_vm._v(_vm._s(item.title))])])}),0),_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":8,\"total\":_vm.total,\"current-page\":_vm.currentPage},on:{\"current-change\":_vm.handelCurrentChange}})],1):_c('div',{staticClass:\"content-box\"},[_c('el-page-header',{on:{\"back\":_vm.goBack}}),_c('div',{staticClass:\"img-and-describe\"},[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":_vm.hardwareData.imgUrl,\"alt\":\"\"}})]),_c('div',{staticClass:\"right\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.hardwareData.title))]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(_vm.hardwareData.describe))])])]),_c('div',{staticClass:\"features\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"产品特色\")]),_c('div',{staticClass:\"bottom\"},_vm._l((_vm.hardwareData.features),function(item,i){return _c('div',{key:i,staticClass:\"features-box\"},[_c('p',{staticClass:\"features-title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(item.describe))])])}),0),_c('div',{staticClass:\"technical-parameters\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"技术参数\")]),_c('div',{staticClass:\"bottom\"},_vm._l((_vm.hardwareData.technicalParameters),function(item,i){return _c('div',{key:i,staticClass:\"technical-box\"},[_c('p',{staticClass:\"features-title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(item.describe))])])}),0)])])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n<!-- 首页轮播图button使用的页面 -->\r\n  <div class=\"about\">\r\n    <!-- 顶部 -->\r\n    <div class=\"top\">\r\n      <img class=\"top-img\"\r\n           :src=\"topImgUrl\"\r\n           alt=\"\">\r\n      <p>产品中心</p>\r\n    </div>\r\n    <!-- 底部 -->\r\n    <div class=\"bottoms\">\r\n      <!-- tab页 -->\r\n      <el-tabs :value=\"value\"\r\n               @tab-click=\"handleTabsClick\">\r\n        <el-tab-pane label=\"软件\"\r\n                     name=\"/software1\"></el-tab-pane>\r\n        <el-tab-pane label=\"硬件\"\r\n                     name=\"/hardware1\"></el-tab-pane>\r\n        <el-tab-pane label=\"网络\"\r\n                     name=\"/network1\"></el-tab-pane>\r\n        <!-- 面包屑导航 -->\r\n        <el-breadcrumb separator-class=\"el-icon-arrow-right\">\r\n          <el-breadcrumb-item :to=\"{ path: '/' }\">首页</el-breadcrumb-item>\r\n          <el-breadcrumb-item :to=\"{ path: '/software1' }\">产品中心</el-breadcrumb-item>\r\n          <el-breadcrumb-item v-if=\"value==='/software1'\">软件</el-breadcrumb-item>\r\n          <el-breadcrumb-item v-else-if=\"value==='/hardware1'\">硬件</el-breadcrumb-item>\r\n          <el-breadcrumb-item v-else>网络</el-breadcrumb-item>\r\n        </el-breadcrumb>\r\n      </el-tabs>\r\n    </div>\r\n    <!-- 硬件 -->\r\n    <div class=\"qualification\">\r\n    <!-- tab页 -->\r\n    <div class=\"tab-box\"\r\n         v-if=\"showTab\">\r\n      <div class=\"int-box\">\r\n        <div class=\"img-and-title\"\r\n             v-for=\"(item, i) in hardwareData\"\r\n             :key=\"i\"\r\n             @click=\"lookDetail(item)\">\r\n          <div class=\"img-box\">\r\n            <img v-lazy=\"item.imgUrl\"\r\n                 alt=\"\" />\r\n          </div>\r\n          <p>{{ item.title }}</p>\r\n        </div>\r\n      </div>\r\n      <el-pagination background=\"\"\r\n                     layout=\"prev, pager, next\"\r\n                     :page-size=\"8\"\r\n                     :total=\"total\"\r\n                     :current-page=\"currentPage\"\r\n                     @current-change='handelCurrentChange'></el-pagination>\r\n    </div>\r\n    <!-- 详情页 -->\r\n    <div class=\"content-box\"\r\n         v-else>\r\n      <!-- 返回 -->\r\n      <el-page-header @back=\"goBack\">\r\n      </el-page-header>\r\n      <!-- 介绍 -->\r\n      <div class=\"img-and-describe\">\r\n        <div class=\"left\">\r\n          <img :src=\"hardwareData.imgUrl\"\r\n             alt=\"\">\r\n        </div>\r\n        <div class=\"right\">\r\n          <p class=\"title\">{{hardwareData.title}}</p>\r\n          <p class=\"describe\">{{hardwareData.describe}}</p>\r\n        </div>\r\n      </div>\r\n      <!-- 产品特色 -->\r\n      <div class=\"features\">\r\n        <div class=\"title\">产品特色</div>\r\n        <div class=\"bottom\">\r\n          <div class=\"features-box\"\r\n               v-for=\"(item,i) in hardwareData.features\"\r\n               :key=\"i\">\r\n            <p class=\"features-title\">{{item.title}}</p>\r\n            <p class=\"describe\">{{item.describe}}</p>\r\n          </div>\r\n        </div>\r\n        <!-- 技术参数 -->\r\n        <div class=\"technical-parameters\">\r\n          <div class=\"title\">技术参数</div>\r\n          <div class=\"bottom\">\r\n            <div class=\"technical-box\"\r\n                 v-for=\"(item,i) in hardwareData.technicalParameters\"\r\n                 :key=\"i\">\r\n              <p class=\"features-title\">{{item.title}}</p>\r\n              <p class=\"describe\">{{item.describe}}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n      // 顶部背景图片地址\r\n      topImgUrl: '/images/公司介绍/顶部背景图片.png',\r\n      // 引入数据\r\n      datas: require('../../assets/json/data'),\r\n      // 软件项目案例数据\r\n      hardwareDatas: [],\r\n      // 当前要显示的数据\r\n      hardwareData: [\r\n      ],\r\n      //   当前页码\r\n      currentPage: 1,\r\n      //   数据总数\r\n      total: 0,\r\n      //   是否显示tab页\r\n      showTab: false,\r\n      value: '/hardware1',\r\n      //   详情页面的数据\r\n      detailData: {\r\n        imgUrl: '',\r\n        title: '',\r\n        function: [\r\n          { imgUrl: '', imgTitle: '', describe: '' }],\r\n        features: [\r\n          { title: '', describe: '' }],\r\n        technicalParameters: [\r\n          { title: '', describe: '' }],\r\n        exampleScenario: { imgUrl1: '', imgUrl2: '', imgUrl3: '', imgUrl4: '', imgUrl5: '' }\r\n      }\r\n    }\r\n  },\r\n  created () {\r\n    this.initData()\r\n  },\r\n  methods: {\r\n    //   初始化数据\r\n    initData () {\r\n      this.hardwareDatas = this.datas['产品中心']['硬件']['项目案例数据']\r\n      for (let index = 0; index < this.hardwareDatas.length; index++) {\r\n        const element = this.hardwareDatas[index]\r\n        this.total = this.total + element.length\r\n      }\r\n      this.hardwareData = this.hardwareDatas[0][0]\r\n    },\r\n    //   当前页码改变时\r\n    handelCurrentChange (val) {\r\n      this.hardwareData = this.hardwareDatas[val - 1]\r\n    },\r\n    // 显示详情页\r\n    lookDetail (data) {\r\n      this.showTab = false\r\n    },\r\n    // 返回tab页\r\n    goBack () { this.$router.push('/hardware1') },\r\n    //   tab页的点击事件\r\n    handleTabsClick (tab) {\r\n      this.$router.push(tab.name)\r\n      // console.log(tab)\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n$blue: #308bec;\r\n.about {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n}\r\n.top {\r\n  width: 100%;\r\n  height: 300px;\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-top: 2px;\r\n  p {\r\n    font-size: 36px;\r\n    // font-weight: bold;\r\n    margin: 0;\r\n    padding: 0;\r\n    color: #fff;\r\n  }\r\n}\r\n.top-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  z-index: -1;\r\n}\r\n.bottoms {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  background-color: #f5f5f5;\r\n  .el-tabs {\r\n    position: relative;\r\n    /deep/ .el-tabs__header {\r\n      width: 1200px;\r\n      height: 60px;\r\n      margin: 0;\r\n      .el-tabs__nav-wrap {\r\n        &::after {\r\n          background-color: transparent;\r\n        }\r\n        .el-tabs__nav-scroll {\r\n          height: 60px;\r\n          .el-tabs__nav {\r\n            .el-tabs__item {\r\n              width: 100px;\r\n              height: 60px;\r\n              padding: 0 20px;\r\n              line-height: 60px;\r\n              text-align: center;\r\n              &.is-active {\r\n                background-color: $blue;\r\n                color: #fff;\r\n              }\r\n            }\r\n            .el-tabs__active-bar {\r\n              background-color: transparent;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    /deep/ .el-tabs__content {\r\n      overflow: unset;\r\n    }\r\n    .el-breadcrumb {\r\n      height: 60px;\r\n      line-height: 60px;\r\n      position: absolute;\r\n      bottom: 0;\r\n      right: 0;\r\n      z-index: 2;\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n.qualification {\r\n  width: 1200px;\r\n  background-color: #fff;\r\n  padding: 40px 0;\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  .tab-box {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n  .int-box {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    .img-and-title {\r\n      width: 280px;\r\n      height: 220px;\r\n      margin-right: 20px;\r\n      margin-top: 20px;\r\n      .img-box {\r\n        width: 280px;\r\n        height: 200px;\r\n        border: 1px solid #eee;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n      }\r\n      img {\r\n        // display: block;\r\n        // width: 100%;\r\n        // height: auto\r\n        display: inline-block;\r\n        height: auto;\r\n        max-width: 100%;\r\n\r\n        // width: 150px;\r\n        // height: 200px;\r\n      }\r\n      img:hover{\r\n        transform: scale(1.1);\r\n      }\r\n      p {\r\n        font-size: 14px;\r\n        margin: 10px 0;\r\n        text-align: center;\r\n      }\r\n    }\r\n  }\r\n  .el-pagination {\r\n    width: fit-content;\r\n    margin-top: 40px;\r\n  }\r\n  .el-page-header {\r\n    font-size: 20px;\r\n    margin-bottom: 100px;\r\n  }\r\n}\r\n.content-box {\r\n  width: 100%;\r\n  .img-and-describe {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    .left{\r\n       width: 570px;\r\n      height: 400px;\r\n      img {\r\n       display: inline-block;\r\n        height: auto;\r\n        max-width: 100%;\r\n      }\r\n    }\r\n    .right {\r\n      width: 600px;\r\n      .title {\r\n        font-size: 24px;\r\n        margin: 0;\r\n        margin-bottom: 20px;\r\n      }\r\n      .describe {\r\n        font-size: 14px;\r\n        line-height: 30px;\r\n      }\r\n    }\r\n  }\r\n  .function {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 100px;\r\n    .title {\r\n      width: fit-content;\r\n      padding: 0 10px;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      border-left: 4px solid #f5a339;\r\n      margin-bottom: 60px;\r\n    }\r\n    .bottom {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .function-box {\r\n        width: 300px;\r\n        height: 80px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin: 0 48px 30px;\r\n        .left {\r\n          width: 48px;\r\n          height: 100%;\r\n          img {\r\n            width: 48px;\r\n            height: 48px;\r\n          }\r\n          .img-title {\r\n            width: 100%;\r\n            text-align: center;\r\n            color: $blue;\r\n            font-size: 16px;\r\n          }\r\n        }\r\n        .describe {\r\n          width: 240px;\r\n          margin: 0;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .features {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 100px;\r\n    .title {\r\n      width: fit-content;\r\n      padding: 0 10px;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      border-left: 4px solid #f5a339;\r\n      margin-bottom: 60px;\r\n    }\r\n    .bottom {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .features-box {\r\n        width: 550px;\r\n        height: auto;\r\n        padding: 0 20px;\r\n        background-color: #e6e6e6;\r\n        margin: 5px;\r\n        .features-title {\r\n          color: $blue;\r\n          font-size: 16px;\r\n        }\r\n        .describe {\r\n          font-size: 14px;\r\n          margin: 10px 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .technical-parameters {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 100px;\r\n    .title {\r\n      width: fit-content;\r\n      padding: 0 10px;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      border-left: 4px solid #f5a339;\r\n      margin-bottom: 60px;\r\n    }\r\n    .bottom {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      .technical-box {\r\n        width: 100%;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        p {\r\n          font-size: 14px;\r\n          margin: 0;\r\n        }\r\n        .features-title {\r\n          width: 480px;\r\n          border: 1px solid #eee;\r\n          padding: 10px;\r\n          // justify-content: center;\r\n          text-align: center;\r\n          color: $blue;\r\n        }\r\n        .describe {\r\n          width: 670px;\r\n          border: 1px solid #eee;\r\n          padding: 10px;\r\n          text-align: center;\r\n          color: #666;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .example-scenario {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    margin-top: 100px;\r\n    .title {\r\n      width: fit-content;\r\n      padding: 0 10px;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      border-left: 4px solid #f5a339;\r\n      margin-bottom: 60px;\r\n    }\r\n    .bottom {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      img {\r\n        box-sizing: border-box;\r\n        &:hover {\r\n          border: 1px solid $blue;\r\n        }\r\n      }\r\n      .left {\r\n        width: 600px;\r\n        height: 400px;\r\n        img {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n      }\r\n      .right {\r\n        width: 600px;\r\n        height: 400px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        img {\r\n          width: 50%;\r\n          height: 50%;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","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!./hard1.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!./hard1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./hard1.vue?vue&type=template&id=64aad5b2&scoped=true&\"\nimport script from \"./hard1.vue?vue&type=script&lang=js&\"\nexport * from \"./hard1.vue?vue&type=script&lang=js&\"\nimport style0 from \"./hard1.vue?vue&type=style&index=0&id=64aad5b2&lang=scss&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  \"64aad5b2\",\n  null\n  \n)\n\nexport default component.exports","var DESCRIPTORS = require('../internals/descriptors');\nvar FUNCTION_NAME_EXISTS = require('../internals/function-name').EXISTS;\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar defineProperty = require('../internals/object-define-property').f;\n\nvar FunctionPrototype = Function.prototype;\nvar functionToString = uncurryThis(FunctionPrototype.toString);\nvar nameRE = /function\\b(?:\\s|\\/\\*[\\S\\s]*?\\*\\/|\\/\\/[^\\n\\r]*[\\n\\r]+)*([^\\s(/]*)/;\nvar regExpExec = uncurryThis(nameRE.exec);\nvar NAME = 'name';\n\n// Function instances `.name` property\n// https://tc39.es/ecma262/#sec-function-instances-name\nif (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {\n  defineProperty(FunctionPrototype, NAME, {\n    configurable: true,\n    get: function () {\n      try {\n        return regExpExec(nameRE, functionToString(this))[1];\n      } catch (error) {\n        return '';\n      }\n    }\n  });\n}\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./hard1.vue?vue&type=style&index=0&id=64aad5b2&lang=scss&scoped=true&\""],"sourceRoot":""}