{"version":3,"sources":["webpack:///./src/components/templates/web1/home.vue?a2eb","webpack:///src/components/templates/web1/home.vue","webpack:///./src/components/templates/web1/home.vue?5cef","webpack:///./src/components/templates/web1/home.vue","webpack:///./src/components/templates/web1/home.vue?3c48"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_l","item","index","key","staticStyle","BASE_URL","_m","companyInfo","length","_v","_s","aviFile","_e","ProductImg1","ProductImgs","staticRenderFns","data","bid","bannerImg","bannerImg2","created","$route","query","handleGetbaseCompany","updated","loop","autoplay","disableOnInteraction","effect","grabCursor","centeredSlides","slidesPerView","coverflowEffect","rotate","stretch","depth","modifier","slideShadows","pagination","el","methods","component"],"mappings":"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","file":"js/chunk-cb5d8808.643d7c21.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"banner\"},[_c('el-carousel',{attrs:{\"height\":\"563px\",\"interval\":5000,\"arrow\":\"always\"}},_vm._l((_vm.bannerImg),function(item,index){return _c('el-carousel-item',{key:index},[_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"object-fit\":\"cover\"},attrs:{\"src\":_vm.BASE_URL + item}})])}),1)],1),_c('div',{staticClass:\"company\"},[_vm._m(0),_c('div',{staticClass:\"company-text\"},[_c('div',[(_vm.companyInfo.length > 0)?_c('p',[_vm._v(_vm._s(_vm.companyInfo))]):_c('p',[_vm._v(\"暂无内容\")])])]),(_vm.aviFile)?_c('div',{staticClass:\"company-video\"},[_c('video',{staticStyle:{\"object-fit\":\"cover\"},attrs:{\"id\":\"myVideo\",\"width\":\"100%\",\"controls\":\"\",\"src\":_vm.aviFile,\"controlslist\":\"nodownload\"}})]):_vm._e()]),_c('div',{staticClass:\"product\"},[_c('div',{staticClass:\"product-title\"},[_c('h3',[_vm._v(\"产品服务\")]),_c('p',{staticStyle:{\"text-transform\":\"uppercase\"}},[_vm._v(\"Product Services\")]),_c('router-link',{staticClass:\"tip\",attrs:{\"to\":\"#\"}},[_vm._v(\"更多内容>>>\")])],1),_c('div',{staticClass:\"product-list\"},[_c('div',{staticClass:\"list-left\",staticStyle:{\"background\":\"#e4e7ed\"}},[_c('el-image',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":_vm.BASE_URL + _vm.ProductImg1,\"fit\":\"cover\"}})],1),_c('div',{staticClass:\"list-right\"},[_c('div',{staticClass:\"item1\",staticStyle:{\"background\":\"#e4e7ed\"}},[_c('el-image',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":_vm.BASE_URL + _vm.ProductImgs[0],\"fit\":\"cover\"}})],1),_c('div',{staticClass:\"item2\",staticStyle:{\"background\":\"#e4e7ed\"}},[_c('el-image',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":_vm.BASE_URL + _vm.ProductImgs[1],\"fit\":\"cover\"}})],1)])])]),_c('div',{staticClass:\"certificate\"},[_c('div',{staticClass:\"certificate-title\"},[_c('h3',[_vm._v(\"荣誉证书\")]),_c('p',{staticStyle:{\"text-transform\":\"uppercase\"}},[_vm._v(\"Certificate of honor\")]),_c('router-link',{staticClass:\"tip\",attrs:{\"to\":\"#\"}},[_vm._v(\"更多内容>>>\")])],1),_c('div',{staticClass:\"swiper-container certificate-swiper\"},[_c('div',{staticClass:\"swiper-wrapper\"},_vm._l((_vm.bannerImg2),function(item){return _c('div',{key:item,staticClass:\"swiper-slide\"},[_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"object-fit\":\"contain\"},attrs:{\"src\":_vm.BASE_URL + item}})])}),0),_c('div',{staticClass:\"swiper-pagination\"})])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"company-title\"},[_c('h3',[_vm._v(\"公司介绍\")]),_c('p',{staticStyle:{\"text-transform\":\"uppercase\"}},[_vm._v(\"Company Profile\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content\">\r\n    <div class=\"banner\">\r\n      <el-carousel height=\"563px\" :interval=\"5000\" arrow=\"always\">\r\n        <el-carousel-item v-for=\"(item, index) in bannerImg\" :key=\"index\">\r\n          <img style=\"width: 100%; height: 100%; object-fit: cover\" :src=\"BASE_URL + item\" />\r\n        </el-carousel-item>\r\n      </el-carousel>\r\n    </div>\r\n    <div class=\"company\">\r\n      <div class=\"company-title\">\r\n        <h3>公司介绍</h3>\r\n        <p style=\"text-transform: uppercase\">Company Profile</p>\r\n      </div>\r\n      <div class=\"company-text\">\r\n        <div>\r\n          <p v-if=\"companyInfo.length > 0\">{{ companyInfo }}</p>\r\n          <p v-else>暂无内容</p>\r\n        </div>\r\n      </div>\r\n      <div class=\"company-video\" v-if=\"aviFile\">\r\n        <video id=\"myVideo\" style=\"object-fit: cover;\" width=\"100%\" controls :src=\"aviFile\"\r\n          controlslist=\"nodownload\"></video>\r\n      </div>\r\n    </div>\r\n    <div class=\"product\">\r\n      <div class=\"product-title\">\r\n        <h3>产品服务</h3>\r\n        <p style=\"text-transform: uppercase\">Product Services</p>\r\n        <router-link class=\"tip\" to=\"#\">更多内容>>></router-link>\r\n      </div>\r\n      <div class=\"product-list\">\r\n        <div class=\"list-left\" style=\"background: #e4e7ed\">\r\n          <el-image style=\"width: 100%; height: 100%;\" :src=\"BASE_URL + ProductImg1\" fit=\"cover\"></el-image>\r\n        </div>\r\n        <div class=\"list-right\">\r\n          <div class=\"item1\" style=\"background: #e4e7ed\">\r\n            <el-image style=\"width: 100%; height: 100%;\" :src=\"BASE_URL + ProductImgs[0]\" fit=\"cover\"></el-image>\r\n          </div>\r\n          <div class=\"item2\" style=\"background: #e4e7ed\">\r\n            <el-image style=\"width: 100%; height: 100%;\" :src=\"BASE_URL + ProductImgs[1]\" fit=\"cover\"></el-image>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"certificate\">\r\n      <div class=\"certificate-title\">\r\n        <h3>荣誉证书</h3>\r\n        <p style=\"text-transform: uppercase\">Certificate of honor</p>\r\n        <router-link class=\"tip\" to=\"#\">更多内容>>></router-link>\r\n      </div>\r\n      <div class=\"swiper-container certificate-swiper\">\r\n        <div class=\"swiper-wrapper\">\r\n          <div class=\"swiper-slide\" v-for=\"item in bannerImg2\" :key=\"item\">\r\n            <img style=\"width: 100%; height: 100%; object-fit: contain;\" :src=\"BASE_URL + item\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"swiper-pagination\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Swiper from \"swiper\";\r\nimport \"swiper/css/swiper.min.css\";\r\nimport api from \"@/http/apis/apis\";\r\nimport CONSTS from \"@/store/consts\";\r\nexport default {\r\n  data () {\r\n    return {\r\n      bid: 0,\r\n      bannerImg: [],\r\n      bannerImg2: [],\r\n      ProductImg1: '',\r\n      ProductImgs: [],\r\n      companyInfo: '',\r\n      aviFile: '',\r\n      BASE_URL: CONSTS.BASE_URL,\r\n    }\r\n  },\r\n  created () {\r\n    this.bid = this.$route.query.bid;\r\n    this.handleGetbaseCompany();\r\n  },\r\n  updated () {\r\n    new Swiper(\".swiper-container\", {\r\n      loop: true,\r\n      autoplay: {\r\n        disableOnInteraction: false,\r\n      },\r\n      effect: \"coverflow\",\r\n      grabCursor: true,\r\n      centeredSlides: true,\r\n      slidesPerView: \"auto\",\r\n      coverflowEffect: {\r\n        rotate: 50,\r\n        stretch: 0,\r\n        depth: 100,\r\n        modifier: 1,\r\n        slideShadows: true,\r\n      },\r\n      pagination: {\r\n        el: \".swiper-pagination\",\r\n      },\r\n    });\r\n  },\r\n  methods: {\r\n    async handleGetbaseCompany () {\r\n      const { data } = await api.webApi.getbaseCompanyId(this.bid);\r\n      if (data.IsSuccessful) {\r\n        this.title = data.ResultObj.Title;\r\n        this.logo = this.BASE_URL + data.ResultObj.Logo;\r\n        this.companyInfo = data.ResultObj.Introduce;\r\n        this.aviFile = data.ResultObj.AviFile ? this.BASE_URL + data.ResultObj.AviFile : '';\r\n        this.bannerImg = data.ResultObj.HeadImgs ? JSON.parse(data.ResultObj.HeadImgs) : [];\r\n        this.bannerImg2 = data.ResultObj.FootImgs ? JSON.parse(data.ResultObj.FootImgs) : [];\r\n        this.ProductImgs = data.ResultObj.ProductImgs ? JSON.parse(data.ResultObj.ProductImgs) : [];\r\n        this.ProductImg1 = data.ResultObj.ProductImg1;\r\n        console.log(data.ResultObj);\r\n      } else {\r\n        this.$message({\r\n          showClose: true,\r\n          message: data.ResultMsg,\r\n          type: \"error\",\r\n        });\r\n      }\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.content {\r\n  width: 100%;\r\n  overflow: hidden;\r\n\r\n  .banner {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .company {\r\n    width: 1200px;\r\n    margin: 0 auto;\r\n    margin-bottom: 30px;\r\n\r\n    .company-title {\r\n      width: 100%;\r\n      padding: 10px 0;\r\n      text-align: center;\r\n      margin: 0 auto;\r\n      position: relative;\r\n\r\n      h3 {\r\n        font-size: 24px;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      p {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .tip {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 0;\r\n        font-weight: bolder;\r\n      }\r\n    }\r\n\r\n    .company-text {\r\n      width: 100%;\r\n      padding: 20px;\r\n      border-radius: 10px;\r\n      text-indent: 2em;\r\n      line-height: 30px;\r\n      color: #566F89;\r\n      background: #f9f9f9;\r\n      text-shadow: 1px 1px 0 #E4F1FF;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .company-video {\r\n      width: 100%;\r\n      cursor: pointer;\r\n      margin: 10px 0;\r\n    }\r\n  }\r\n\r\n  .product {\r\n    width: 1200px;\r\n    margin: 0 auto;\r\n    margin-bottom: 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    .product-title {\r\n      width: 1200px;\r\n      padding: 10px 0;\r\n      text-align: center;\r\n      margin: 0 auto;\r\n      position: relative;\r\n\r\n      h3 {\r\n        font-size: 24px;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      p {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .tip {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 0;\r\n        font-weight: bolder;\r\n      }\r\n    }\r\n\r\n    .product-list {\r\n      width: 1000px;\r\n      height: 100%;\r\n      margin: 0 auto;\r\n      display: flex;\r\n\r\n      .list-left {\r\n        width: 450px;\r\n        height: 600px;\r\n        border-radius: 10px;\r\n        overflow: hidden;\r\n        margin-right: 30px;\r\n        border: 1px solid #ccc;\r\n        box-sizing: border-box;\r\n        background: rgb(150, 160, 95);\r\n      }\r\n\r\n      .list-right {\r\n        width: 520px;\r\n        height: 600px;\r\n\r\n        .item1 {\r\n          width: 100%;\r\n          height: 285px;\r\n          border-radius: 10px;\r\n          overflow: hidden;\r\n          margin-bottom: 30px;\r\n          border: 1px solid #ccc;\r\n          box-sizing: border-box;\r\n          background: palevioletred;\r\n        }\r\n\r\n        .item2 {\r\n          width: 100%;\r\n          height: 285px;\r\n          border-radius: 10px;\r\n          overflow: hidden;\r\n          border: 1px solid #ccc;\r\n          box-sizing: border-box;\r\n          background: violet;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .certificate {\r\n    width: 1200px;\r\n    margin: 0 auto;\r\n    margin-bottom: 30px;\r\n\r\n    .certificate-title {\r\n      width: 1200px;\r\n      padding: 10px 0;\r\n      text-align: center;\r\n      margin: 0 auto;\r\n      position: relative;\r\n\r\n      h3 {\r\n        font-size: 24px;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      p {\r\n        font-size: 18px;\r\n      }\r\n\r\n      .tip {\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 0;\r\n        font-weight: bolder;\r\n      }\r\n    }\r\n\r\n    .certificate-swiper {\r\n      width: 1200px;\r\n      height: 400px;\r\n      margin: 0 auto;\r\n      overflow: hidden;\r\n\r\n      .swiper-slide {\r\n        width: 240px;\r\n        height: 360px;\r\n        // display: flex;\r\n        // justify-content: center;\r\n      }\r\n    }\r\n  }\r\n}\r\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!./home.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!./home.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./home.vue?vue&type=template&id=9e32bc68&scoped=true&\"\nimport script from \"./home.vue?vue&type=script&lang=js&\"\nexport * from \"./home.vue?vue&type=script&lang=js&\"\nimport style0 from \"./home.vue?vue&type=style&index=0&id=9e32bc68&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  \"9e32bc68\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./home.vue?vue&type=style&index=0&id=9e32bc68&lang=scss&scoped=true&\""],"sourceRoot":""}