{"version":3,"sources":["webpack:///./src/views/project/Military.vue?644b","webpack:///src/views/project/Military.vue","webpack:///./src/views/project/Military.vue?9271","webpack:///./src/views/project/Military.vue","webpack:///./src/views/project/Military.vue?8d25"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","i","key","on","$event","lookDetail","attrs","imgUrl","_v","_s","title","total","currentPage","handelCurrentChange","goBack","detailData","describe","img1","names","img2","changeIndex","changeIndexBack","img3","img4","img5","staticRenderFns","data","datas","softwareDatas","softwareData","showTab","function","features","technicalParameters","exampleScenario","created","initData","methods","element","length","val","imgUrl1","imgUrl2","imgUrl3","imgUrl4","imgUrl5","name1","index","name2","name3","name4","name5","component"],"mappings":"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","file":"js/chunk-671949de.1347a323.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"qualification\"},[(_vm.showTab)?_c('div',{staticClass:\"tab-box\"},[_c('div',{staticClass:\"int-box\"},_vm._l((_vm.softwareData),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',{attrs:{\"src\":item.imgUrl,\"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.detailData.imgUrl,\"alt\":\"\"}})]),_c('div',{staticClass:\"right\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.detailData.title))]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(_vm.detailData.describe))])])]),_c('div',{staticClass:\"features\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"工作内容\")]),_c('div',{staticClass:\"bottom\"},_vm._l((_vm.detailData.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:\"example-scenario\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"场景实例\")]),_c('div',{staticClass:\"bottom\"},[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":_vm.img1,\"alt\":\"\"}}),_c('p',[_vm._v(_vm._s(_vm.names))])]),_c('div',{staticClass:\"right\"},[_c('img',{attrs:{\"src\":_vm.img2,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.changeIndex(1)},\"mouseout\":function($event){return _vm.changeIndexBack(1)}}}),_c('img',{attrs:{\"src\":_vm.img3,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.changeIndex(2)},\"mouseout\":function($event){return _vm.changeIndexBack(2)}}}),_c('img',{attrs:{\"src\":_vm.img4,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.changeIndex(3)},\"mouseout\":function($event){return _vm.changeIndexBack(3)}}}),_c('img',{attrs:{\"src\":_vm.img5,\"alt\":\"\"},on:{\"mouseover\":function($event){return _vm.changeIndex(4)},\"mouseout\":function($event){return _vm.changeIndexBack(4)}}})])])])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<!-- 军用 -->\n  <div class=\"qualification\">\n    <!-- tab页 -->\n    <div class=\"tab-box\"\n         v-if=\"showTab\">\n      <div class=\"int-box\">\n        <div class=\"img-and-title\"\n             v-for=\"(item, i) in softwareData\"\n             :key=\"i\"\n             @click=\"lookDetail(item)\">\n          <div class=\"img-box\">\n            <img :src=\"item.imgUrl\"\n                 alt=\"\" />\n          </div>\n          <p>{{ item.title }}</p>\n        </div>\n      </div>\n      <el-pagination background=\"\"\n                     layout=\"prev, pager, next\"\n                     :page-size=\"8\"\n                     :total=\"total\"\n                     :current-page=\"currentPage\"\n                     @current-change='handelCurrentChange'></el-pagination>\n    </div>\n    <!-- 详情页 -->\n    <div class=\"content-box\"\n         v-else>\n      <!-- 返回 -->\n      <el-page-header @back=\"goBack\">\n      </el-page-header>\n      <!-- 介绍 -->\n      <div class=\"img-and-describe\">\n        <div class=\"left\">\n          <img :src=\"detailData.imgUrl\"\n             alt=\"\">\n        </div>\n        <div class=\"right\">\n          <p class=\"title\">{{detailData.title}}</p>\n          <p class=\"describe\">{{detailData.describe}}</p>\n        </div>\n      </div>\n      <!-- 工作内容 -->\n      <div class=\"features\">\n        <div class=\"title\">工作内容</div>\n        <div class=\"bottom\">\n          <div class=\"features-box\"\n               v-for=\"(item,i) in detailData.features\"\n               :key=\"i\">\n            <p class=\"features-title\">{{item.title}}</p>\n            <p class=\"describe\">{{item.describe}}</p>\n          </div>\n        </div>\n        <!-- 场景实例 -->\n        <div class=\"example-scenario\">\n          <div class=\"title\">场景实例</div>\n          <div class=\"bottom\">\n            <div class=\"left\">\n              <!-- 实例图片 -->\n              <img :src=\"img1\"\n                   alt=\"\">\n              <!-- 文字 -->\n              <p>{{names}}</p>\n            </div>\n            <div class=\"right\">\n              <img :src=\"img2\"\n                   alt=\"\" @mouseover=\"changeIndex(1)\"  @mouseout=\"changeIndexBack(1)\">\n              <img :src=\"img3\"\n                   alt=\"\" @mouseover=\"changeIndex(2)\"  @mouseout=\"changeIndexBack(2)\">\n              <img :src=\"img4\"\n                   alt=\"\" @mouseover=\"changeIndex(3)\"  @mouseout=\"changeIndexBack(3)\">\n              <img :src=\"img5\"\n                   alt=\"\" @mouseover=\"changeIndex(4)\"  @mouseout=\"changeIndexBack(4)\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      // 引入数据\n      datas: require('../../assets/json/data'),\n      // 软件项目案例数据\n      softwareDatas: [],\n      // 当前要显示的数据\n      softwareData: [\n      ],\n      //   当前页码\n      currentPage: 1,\n      //   数据总数\n      total: 0,\n      //   是否显示tab页\n      showTab: true,\n      //   详情页面的数据\n      detailData: {\n        imgUrl: '',\n        title: '',\n        function: [\n          { imgUrl: '', imgTitle: '', describe: '' }],\n        features: [\n          { title: '', describe: '' }],\n        technicalParameters: [\n          { title: '', describe: '' }],\n        exampleScenario: { imgUrl1: '', imgUrl2: '', imgUrl3: '', imgUrl4: '', imgUrl5: '' },\n        names: { name1: '', name2: '', name3: '', name4: '', name5: '' }\n      },\n      //  场景实例图片  5张\n      img1: '',\n      img2: '',\n      img3: '',\n      img4: '',\n      img5: '',\n      // 图片显示的文字\n      names: ''\n    }\n  },\n  created () {\n    this.initData()\n  },\n  methods: {\n    //   初始化数据\n    initData () {\n      this.softwareDatas = this.datas['项目案例']['军用']['项目案例数据']\n      for (let index = 0; index < this.softwareDatas.length; index++) {\n        const element = this.softwareDatas[index]\n        this.total = this.total + element.length\n      }\n      this.softwareData = this.softwareDatas[0]\n      // console.log(this.softwareDatas[0])\n    },\n    //   当前页码改变时\n    handelCurrentChange (val) {\n      this.softwareData = this.softwareDatas[val - 1]\n    },\n    // 显示详情页\n    lookDetail (data) {\n      this.detailData = data\n      this.showTab = false\n      this.img1 = this.detailData.exampleScenario.imgUrl1\n      this.img2 = this.detailData.exampleScenario.imgUrl2\n      this.img3 = this.detailData.exampleScenario.imgUrl3\n      this.img4 = this.detailData.exampleScenario.imgUrl4\n      this.img5 = this.detailData.exampleScenario.imgUrl5\n      this.names = this.detailData.names.name1\n    },\n    // 场景实例图片变化  鼠标移入\n    changeIndex (index) {\n      switch (index) {\n        case 1:\n          this.img1 = this.img2\n          this.names = this.detailData.names.name2\n          break\n        case 2:\n          this.img1 = this.img3\n          this.names = this.detailData.names.name3\n          break\n        case 3:\n          this.img1 = this.img4\n          this.names = this.detailData.names.name4\n          break\n        case 4:\n          this.img1 = this.img5\n          this.names = this.detailData.names.name5\n          break\n      }\n    },\n    // 场景实例图片变化  鼠标移出\n    changeIndexBack (index) {\n      switch (index) {\n        case 1:\n          this.img1 = this.detailData.exampleScenario.imgUrl1\n          this.names = this.detailData.names.name1\n          break\n        case 2:\n          this.img1 = this.detailData.exampleScenario.imgUrl1\n          this.names = this.detailData.names.name1\n          break\n        case 3:\n          this.img1 = this.detailData.exampleScenario.imgUrl1\n          this.names = this.detailData.names.name1\n          break\n        case 4:\n          this.img1 = this.detailData.exampleScenario.imgUrl1\n          this.names = this.detailData.names.name1\n          break\n      }\n    },\n    // 返回tab页\n    goBack () { this.$router.push('/project') }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$blue: #308bec;\n.qualification {\n  width: 1200px;\n  background-color: #fff;\n  padding: 40px 0;\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  .tab-box {\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  .int-box {\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    .img-and-title {\n      width: 280px;\n      height: 220px;\n      margin-right: 20px;\n      margin-top: 20px;\n      .img-box {\n        width: 280px;\n        height: 200px;\n        border: 1px solid #eee;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n      }\n      img {\n        display: inline-block;\n        height: 100%;\n        max-width: 100%;\n        // width: 150px;\n        // height: 200px;\n      }\n      p {\n        font-size: 14px;\n        margin: 5px 0;\n        text-align: center;\n      }\n    }\n  }\n  .el-pagination {\n    width: fit-content;\n    margin-top: 40px;\n  }\n  .el-page-header {\n    font-size: 20px;\n    margin-bottom: 100px;\n  }\n}\n.content-box {\n  width: 100%;\n  .img-and-describe {\n    // width: 570px;\n    // height: 400px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    .left{\n       width: 570px;\n      height: 400px;\n      img {\n       display: inline-block;\n        height: auto;\n        max-width: 100%;\n      }\n    }\n    .right {\n      width: 600px;\n      .title {\n        font-size: 24px;\n        margin: 0;\n        margin-bottom: 20px;\n      }\n      .describe {\n        font-size: 14px;\n        line-height: 30px;\n      }\n    }\n  }\n  .function {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    margin-top: 100px;\n    .title {\n      width: fit-content;\n      padding: 0 10px;\n      text-align: center;\n      font-size: 24px;\n      border-left: 4px solid #f5a339;\n      margin-bottom: 60px;\n    }\n    .bottom {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      .function-box {\n        width: 300px;\n        height: 80px;\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        justify-content: space-between;\n        margin: 0 48px 30px;\n        .left {\n          width: 48px;\n          height: 100%;\n          img {\n            width: 48px;\n            height: 48px;\n          }\n          .img-title {\n            width: 100%;\n            text-align: center;\n            color: $blue;\n            font-size: 16px;\n          }\n        }\n        .describe {\n          width: 240px;\n          margin: 0;\n          font-size: 14px;\n        }\n      }\n    }\n  }\n  .features {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    margin-top: 100px;\n    .title {\n      width: fit-content;\n      padding: 0 10px;\n      text-align: center;\n      font-size: 24px;\n      border-left: 4px solid #f5a339;\n      margin-bottom: 60px;\n    }\n    .bottom {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      .features-box {\n        width: 550px;\n        height: 120px;\n        padding: 0 20px;\n        background-color: #e6e6e6;\n        margin: 5px;\n        .features-title {\n          color: $blue;\n          font-size: 16px;\n        }\n        .describe {\n          font-size: 14px;\n        }\n      }\n    }\n  }\n  .technical-parameters {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    margin-top: 100px;\n    .title {\n      width: fit-content;\n      padding: 0 10px;\n      text-align: center;\n      font-size: 24px;\n      border-left: 4px solid #f5a339;\n      margin-bottom: 60px;\n    }\n    .bottom {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      .technical-box {\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n        p {\n          font-size: 14px;\n          margin: 0;\n        }\n        .features-title {\n          width: 480px;\n          border: 1px solid #eee;\n          padding: 10px;\n          text-align: center;\n          color: $blue;\n        }\n        .describe {\n          width: 670px;\n          border: 1px solid #eee;\n          padding: 10px;\n          text-align: center;\n          color: #666;\n        }\n      }\n    }\n  }\n  .example-scenario {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    margin-top: 100px;\n    .title {\n      width: fit-content;\n      padding: 0 10px;\n      text-align: center;\n      font-size: 24px;\n      border-left: 4px solid #f5a339;\n      margin-bottom: 60px;\n    }\n    .bottom {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      img {\n        box-sizing: border-box;\n        &:hover {\n          border: 1px solid $blue;\n        }\n      }\n      .left {\n        width: 600px;\n        height: 400px;\n        position: relative;\n        text-align: center;\n        img {\n          width: 100%;\n          height: 100%;\n        }\n        p{\n          width: 100%;\n          height: 40px;\n          font-size: 14px;\n          color: #fff;\n          position: absolute;\n          background-color: #318bec;\n          line-height: 40px;\n          // display:inline-block;\n          bottom: 0;\n          margin: 0;\n        }\n      }\n      .right {\n        width: 600px;\n        height: 400px;\n        display: flex;\n        flex-wrap: wrap;\n        img {\n          width: 50%;\n          height: 50%;\n        }\n      }\n    }\n  }\n}\n</style>\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!./Military.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!./Military.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Military.vue?vue&type=template&id=232ae5ff&scoped=true&\"\nimport script from \"./Military.vue?vue&type=script&lang=js&\"\nexport * from \"./Military.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Military.vue?vue&type=style&index=0&id=232ae5ff&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  \"232ae5ff\",\n  null\n  \n)\n\nexport default component.exports","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!./Military.vue?vue&type=style&index=0&id=232ae5ff&lang=scss&scoped=true&\""],"sourceRoot":""}