{"version":3,"sources":["webpack:///./src/components/news-center/company.vue?bcc6","webpack:///./src/components/news-center/company.vue","webpack:///src/components/news-center/company.vue","webpack:///./src/components/news-center/company.vue?6415","webpack:///./src/components/news-center/company.vue?ae44"],"names":["render","_vm","this","_c","_self","staticClass","class","showDetail","$route","path","directives","name","rawName","value","expression","_v","_l","datas","data","item","index","key","on","$event","$router","push","query","id","attrs","image","_s","date","spliceText","summary","total","change","staticRenderFns","page","created","getData","methods","e","article","limit","where","type","then","r","component"],"mappings":"kHAAA,W,gFCAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAM,CAAEC,WAAgC,kBAApBN,EAAIO,OAAOC,OAA4B,CAACN,EAAG,MAAM,CAACO,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAA0B,iBAAnBZ,EAAIO,OAAOC,KAAyBK,WAAW,oCAAoC,CAACX,EAAG,KAAK,CAACE,YAAY,SAAS,CAACJ,EAAIc,GAAG,UAAUZ,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIc,GAAG,oBAAoBZ,EAAG,MAAM,CAACE,YAAY,QAAQJ,EAAIe,GAAIf,EAAIgB,MAAMC,MAAM,SAASC,EAAKC,GAAO,OAAOjB,EAAG,MAAM,CAACkB,IAAID,EAAMf,YAAY,OAAOiB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOtB,EAAIuB,QAAQC,KAAK,CAC7jBhB,KAAM,uBACNiB,MAAO,CAAEC,GAAIR,EAAKQ,SACd,CAACxB,EAAG,MAAM,CAACyB,MAAM,CAAC,IAAMT,EAAKU,MAAM,IAAM,GAAG,OAAS,MAAM1B,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACJ,EAAIc,GAAGd,EAAI6B,GAAGX,EAAKR,SAASR,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACJ,EAAIc,GAAGd,EAAI6B,GAAGX,EAAKY,SAAS5B,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACJ,EAAIc,GAAGd,EAAI6B,GAAG7B,EAAI+B,WAAWb,EAAKc,QAAS,eAAc,GAAG9B,EAAG,gBAAgB,CAACyB,MAAM,CAAC,YAAY,EAAE,WAAa,GAAG,OAAS,oBAAoB,MAAQ3B,EAAIgB,MAAMiB,OAAOZ,GAAG,CAAC,iBAAiBrB,EAAIkC,WAAW,GAAGhC,EAAG,gBAAgB,IAErciC,EAAkB,G,YCkCP,GACflB,OACA,OACAD,MAAA,GACAoB,KAAA,IAGAC,UACA,KAAAC,WAEAC,QAAA,CACAL,OAAAM,GACA,KAAAJ,KAAAI,EACA,KAAAF,WAEAA,UACAG,eAAA,CACAC,MAAA,EACAN,KAAA,KAAAA,KACAO,MAAA,CACAC,KAAA,KAEAC,KAAAC,IACA,KAAA9B,MAAA8B,EAAA7B,UC9D+V,I,wBCQ3V8B,EAAY,eACd,EACAhD,EACAoC,GACA,EACA,KACA,WACA,MAIa,aAAAY,E","file":"assets/js/chunk-d5848f82.3053e1e1.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./company.vue?vue&type=style&index=0&id=580f453f&prod&lang=less&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"company\",class:{ showDetail: _vm.$route.path !== '/news/company' }},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$route.path == '/news/company'),expression:\"$route.path == '/news/company'\"}]},[_c('h1',{staticClass:\"title\"},[_vm._v(\"企业新闻\")]),_c('p',{staticClass:\"sub-title\"},[_vm._v(\"CORPORATE NEWS\")]),_c('div',{staticClass:\"wrap\"},_vm._l((_vm.datas.data),function(item,index){return _c('div',{key:index,staticClass:\"news\",on:{\"click\":function($event){return _vm.$router.push({\n            path: '/news/company/detail',\n            query: { id: item.id },\n          })}}},[_c('img',{attrs:{\"src\":item.image,\"alt\":\"\",\"srcset\":\"\"}}),_c('div',[_c('p',{staticClass:\"name\"},[_vm._v(_vm._s(item.name))]),_c('p',{staticClass:\"date\"},[_vm._v(_vm._s(item.date))]),_c('p',{staticClass:\"desc\"},[_vm._v(_vm._s(_vm.spliceText(item.summary, 28)))])])])}),0),_c('el-pagination',{attrs:{\"page-size\":6,\"background\":\"\",\"layout\":\"prev, pager, next\",\"total\":_vm.datas.total},on:{\"current-change\":_vm.change}})],1),_c('router-view')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"company\" :class=\"{ showDetail: $route.path !== '/news/company' }\">\r\n    <div v-show=\"$route.path == '/news/company'\">\r\n      <h1 class=\"title\">企业新闻</h1>\r\n      <p class=\"sub-title\">CORPORATE NEWS</p>\r\n      <div class=\"wrap\">\r\n        <div\r\n          class=\"news\"\r\n          v-for=\"(item, index) in datas.data\"\r\n          :key=\"index\"\r\n          @click=\"\r\n            $router.push({\r\n              path: '/news/company/detail',\r\n              query: { id: item.id },\r\n            })\r\n          \"\r\n        >\r\n          <img :src=\"item.image\" alt srcset />\r\n          <div>\r\n            <p class=\"name\">{{ item.name }}</p>\r\n            <p class=\"date\">{{ item.date }}</p>\r\n            <p class=\"desc\">{{ spliceText(item.summary, 28) }}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <el-pagination\r\n        :page-size=\"6\"\r\n        background\r\n        layout=\"prev, pager, next\"\r\n        :total=\"datas.total\"\r\n        @current-change=\"change\"\r\n      ></el-pagination>\r\n    </div>\r\n    <router-view></router-view>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { article } from '../../assets/js/api'\r\nexport default {\r\n  data() {\r\n    return {\r\n      datas: {},\r\n      page: 1,\r\n    }\r\n  },\r\n  created() {\r\n    this.getData()\r\n  },\r\n  methods: {\r\n    change(e) {\r\n      this.page = e\r\n      this.getData()\r\n    },\r\n    getData() {\r\n      article({\r\n        limit: 6,\r\n        page: this.page,\r\n        where: {\r\n          type: 1,\r\n        },\r\n      }).then((r) => {\r\n        this.datas = r.data\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.company {\r\n  padding: 90px 0;\r\n}\r\n\r\n.company.showDetail {\r\n  background-color: #f3f2f2;\r\n}\r\n\r\nh1.title {\r\n  font-size: 36px;\r\n  font-family: Microsoft YaHei;\r\n  font-weight: bold;\r\n  color: rgba(0, 0, 0, 1);\r\n  text-align: center;\r\n}\r\n\r\np.sub-title {\r\n  font-size: 18px;\r\n  font-family: Microsoft YaHei;\r\n  font-weight: 400;\r\n  color: rgba(204, 204, 204, 1);\r\n  text-align: center;\r\n}\r\n\r\n.wrap {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  justify-content: space-between;\r\n  margin: 0 auto;\r\n  margin-top: 60px;\r\n  margin-bottom: 50px;\r\n  width: 1200px;\r\n\r\n  .news {\r\n    width: 595px;\r\n    height: 220px;\r\n    display: flex;\r\n    cursor: pointer;\r\n    margin-bottom: 10px;\r\n\r\n    img {\r\n      width: 280px;\r\n      height: 100%;\r\n      object-fit: cover;\r\n    }\r\n\r\n    div {\r\n      width: calc(100% - 280px);\r\n      height: 100%;\r\n      padding: 30px 20px;\r\n      box-sizing: border-box;\r\n      background: #e7e6eb;\r\n      transition: all 0.15s linear;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      flex-direction: column;\r\n      & > * {\r\n        transition: all 0.15s linear;\r\n      }\r\n\r\n      .name {\r\n        font-size: 18px;\r\n        font-family: Microsoft YaHei;\r\n        font-weight: bold;\r\n        color: rgba(0, 0, 0, 1);\r\n        // text-overflow: ellipsis;\r\n        // overflow: hidden;\r\n        // white-space: nowrap;\r\n      }\r\n\r\n      .date {\r\n        font-size: 16px;\r\n        font-family: Microsoft YaHei;\r\n        font-weight: 400;\r\n        color: rgba(102, 102, 102, 1);\r\n        // margin-bottom: 50px;\r\n      }\r\n\r\n      .desc {\r\n        font-size: 16px;\r\n        font-family: Microsoft YaHei;\r\n        font-weight: 400;\r\n        color: rgba(0, 0, 0, 1);\r\n        word-break: break-all;\r\n      }\r\n    }\r\n  }\r\n\r\n  .news:hover {\r\n    div {\r\n      background: #0e6cb6;\r\n    }\r\n\r\n    .name,\r\n    .desc,\r\n    .date {\r\n      color: white;\r\n    }\r\n\r\n    .date {\r\n      opacity: 0.8;\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!./company.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!./company.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./company.vue?vue&type=template&id=580f453f&scoped=true\"\nimport script from \"./company.vue?vue&type=script&lang=js\"\nexport * from \"./company.vue?vue&type=script&lang=js\"\nimport style0 from \"./company.vue?vue&type=style&index=0&id=580f453f&prod&lang=less&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  \"580f453f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}