{"version":3,"sources":["webpack:///./src/views/news/CndustryDynamic.vue?29db","webpack:///./src/views/news/CndustryDynamic.vue?7354","webpack:///src/views/news/CndustryDynamic.vue","webpack:///./src/views/news/CndustryDynamic.vue?c509","webpack:///./src/views/news/CndustryDynamic.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","item","i","key","on","$event","lookDetail","attrs","mainImgUrl","_v","_s","title","date","describe","total","currentPage","handelCurrentChange","goBack","detailData","mainImgUrlTitle","staticRenderFns","data","datas","softwareDatas","softwareData","showTab","created","initData","methods","element","length","val","component"],"mappings":"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","file":"js/chunk-436ffd43.32525582.js","sourcesContent":["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!./CndustryDynamic.vue?vue&type=style&index=0&id=0e05167a&lang=scss&scoped=true&\"","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:\"news-box\",on:{\"click\":function($event){_vm.lookDetail (item)}}},[_c('div',{staticClass:\"box\"},[_c('img',{attrs:{\"src\":item.mainImgUrl,\"alt\":\"\"}})]),_c('div',{staticClass:\"left\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(item.title))]),_c('p',{staticClass:\"date\"},[_vm._v(_vm._s(item.date))]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(item.describe))])])])}),0),_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"page-size\":2,\"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('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.detailData.title))]),_c('p',{staticClass:\"date\"},[_vm._v(_vm._s(_vm.detailData.date))]),_c('p',{staticClass:\"describe\"},[_vm._v(_vm._s(_vm.detailData.describe))]),_c('div',{staticClass:\"img-box\"},[_c('img',{attrs:{\"src\":_vm.detailData.mainImgUrl,\"alt\":\"\"}}),_c('p',[_vm._v(_vm._s(_vm.detailData.mainImgUrlTitle))])])],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=\"news-box\"\n             v-for=\"(item,i) in softwareData\"\n             :key=\"i\"\n             @click=\"lookDetail (item)\">\n          <div class=\"box\">\n            <img :src=\"item.mainImgUrl\"\n               alt=\"\">\n          </div>\n          <div class=\"left\">\n            <p class=\"title\">{{item.title}}</p>\n            <p class=\"date\">{{item.date}}</p>\n            <p class=\"describe\">{{item.describe}}</p>\n          </div>\n        </div>\n      </div>\n      <el-pagination background=\"\"\n                     layout=\"prev, pager, next\"\n                     :page-size=\"2\"\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      <p class=\"title\">{{detailData.title}}</p>\n      <p class=\"date\">{{detailData.date}}</p>\n      <p class=\"describe\">{{detailData.describe}}</p>\n      <div class=\"img-box\">\n        <img :src=\"detailData.mainImgUrl\"\n             alt=\"\">\n        <p>{{detailData.mainImgUrlTitle}}</p>\n      </div>\n      <!-- <div class=\"img-box\">\n        <img :src=\"detailData.otherImgUrl\"\n             alt=\"\">\n        <p>{{detailData.otherImgUrlTitle}}</p>\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          {\n            mainImgUrl: 'images/新闻资讯/行业动态/image1.jpg',\n            mainImgUrlTitle: '川规划6大',\n            otherImgUrl: 'images/新闻资讯/行业动态/image1.jpg',\n            otherImgUrlTitle: '川规划6大',\n            title: '推进军民融合 四川规划6大产业园区',\n            date: '2022-1-1',\n            describe: '推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合'\n          }, {\n            mainImgUrl: 'images/新闻资讯/行业动态/image1.jpg',\n            mainImgUrlTitle: '川规划6大',\n            otherImgUrl: 'images/新闻资讯/行业动态/image1.jpg',\n            otherImgUrlTitle: '川规划6大',\n            title: '推进军民融合 四川规划6大产业园区',\n            date: '2022-1-1',\n            describe: '四川规划6大产业园区四川规划6大产业园区四川规划6大产业园区四川规划6大产业园区四川规划6大产业园区四川规划6大产业园区四川规划6大产业园区'\n          }, {\n            mainImgUrl: 'images/新闻资讯/行业动态/image1.jpg',\n            mainImgUrlTitle: '川规划6大',\n            otherImgUrl: 'images/新闻资讯/行业动态/image1.jpg',\n            otherImgUrlTitle: '川规划6大',\n            title: '推进军民融合 四川规划6大产业园区',\n            date: '2022-1-1',\n            describe: '融合 四川规划6融合 四川规划6融合 四川规划6融合 四川规划6融合 四川规划6融合 四川规划6融合 四川规划6融合 四川规划6融合 四川规划6融合 四川规划6融合 四川规划6'\n          }\n        ], [\n          {\n            mainImgUrl: 'images/新闻资讯/行业动态/image1.jpg',\n            mainImgUrlTitle: '川规划6大',\n            otherImgUrl: 'images/新闻资讯/行业动态/image1.jpg',\n            otherImgUrlTitle: '川规划6大',\n            title: '推进军民融合 四川规划6大产业园区',\n            date: '2022-1-1',\n            describe: '推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合推进军民融合'\n          }\n        ]\n      ],\n      // 当前要显示的数据\n      softwareData: [\n      ],\n      //   当前页码\n      currentPage: 1,\n      //   数据总数\n      total: 0,\n      //   是否显示tab页\n      showTab: true,\n      //   详情页面的数据\n      detailData: {\n\n      }\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    },\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    },\n    // 返回tab页\n    goBack () { this.showTab = true }\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    .news-box {\n      width: 100%;\n      display: flex;\n      flex-wrap: wrap;\n      padding: 20px 0;\n      border-bottom: 1px solid #eee;\n      cursor: pointer;\n      .box{\n        width: 300px;\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        max-width: 100%;\n        height: 200px;\n      }\n      .left {\n        width: 880px;\n        padding-left: 20px;\n        // display: flex;\n        flex-wrap: wrap;\n        .title {\n          width: 600px;\n          font-size: 18px;\n          font-weight: bold;\n          // margin: 30px 0;\n           float: left;\n          align-items: center;\n        }\n        .date {\n          width: 80px;\n          float: right;\n          align-items: center;\n        }\n        .describe {\n          width: auto;\n          font-size: 14px;\n          line-height: 30px;\n          // text-indent: 2em;\n          //超出两行后显示省略号\n          // white-space:nowrap;\n          text-overflow: -o-ellipsis-lastline;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          display: -webkit-box;\n          -webkit-line-clamp: 2;\n          -webkit-box-orient: vertical;\n        }\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  .title {\n    font-size: 18px;\n    font-weight: bold;\n    text-align: center;\n  }\n  .date {\n    height: 40px;\n    font-size: 16px;\n    text-align: center;\n    color: #333;\n    border-bottom: 1px solid #eee;\n  }\n  .describe {\n    font-size: 14px;\n    text-indent: 2em;\n    margin-bottom: 30px;\n    line-height: 30px;\n  }\n  .img-box {\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    img {\n       max-width: 100%;\n      height: 200px;\n    }\n    p {\n      width: 100%;\n      font-size: 14px;\n      text-align: center;\n      margin-bottom: 40px;\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!./CndustryDynamic.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!./CndustryDynamic.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CndustryDynamic.vue?vue&type=template&id=0e05167a&scoped=true&\"\nimport script from \"./CndustryDynamic.vue?vue&type=script&lang=js&\"\nexport * from \"./CndustryDynamic.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CndustryDynamic.vue?vue&type=style&index=0&id=0e05167a&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  \"0e05167a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}