{"version":3,"sources":["webpack:///./src/views/media/newsDetail.vue?f111","webpack:///src/views/media/newsDetail.vue","webpack:///./src/views/media/newsDetail.vue?2384","webpack:///./src/views/media/newsDetail.vue","webpack:///./src/views/media/newsDetail.vue?ebf3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","newdetail","newsTitle","createTime","length","_e","attrs","firstLabel","_l","item","key","labelId","on","$event","toSearch","labelName","index","otherLabel","domProps","newsDetail","newsDetailMobile","staticRenderFns","name","data","fullWidth","isShow","MobileisShow","detail","created","localStorage","script","document","dataLayer","window","gtag","beforeDestroy","computed","isPC","methods","newURL","webinercookies","advertisementFlow","recordId","path","source","information","then","res","handleResize","console","style","query","secondLabel","loading","lock","background","setTimeout","getNewsDetail","id","origin","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,SAAS,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,UAAUC,WAAW,OAAQV,EAAIW,WAAWC,OAAO,EAAGR,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIW,WAAW,IAAI,OAAOX,EAAIa,OAAOT,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,OAAO,CAACE,YAAY,aAAaQ,MAAM,CAAC,SAAW,KAAK,CAACd,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,UAAUM,eAAef,EAAIgB,GAAIhB,EAAIS,UAAsB,cAAE,SAASQ,GAAM,OAAOb,EAAG,OAAO,CAACc,IAAID,EAAKE,QAAQb,YAAY,cAAcQ,MAAM,CAAC,KAAO,UAAU,MAAQ,IAAIM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOrB,EAAIsB,SAASL,EAAKE,YAAY,CAACnB,EAAIO,GAAGP,EAAIQ,GAAGS,EAAKM,iBAAgBvB,EAAIgB,GAAIhB,EAAc,YAAE,SAASiB,EAAKO,GAAO,OAAQxB,EAAIyB,WAAWb,OAAO,EAAGR,EAAG,OAAO,CAACc,IAAIM,EAAMlB,YAAY,aAAaQ,MAAM,CAAC,KAAO,UAAU,MAAQ,IAAIM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOrB,EAAIsB,SAAS,GAAGL,MAAS,CAACjB,EAAIO,GAAGP,EAAIQ,GAAGS,MAASjB,EAAIa,SAAQ,GAAIb,EAAU,OAAEI,EAAG,MAAM,CAACE,YAAY,cAAcoB,SAAS,CAAC,UAAY1B,EAAIQ,GAAGR,EAAI2B,eAAe3B,EAAIa,KAAMb,EAAgB,aAAEI,EAAG,MAAM,CAACE,YAAY,cAAcoB,SAAS,CAAC,UAAY1B,EAAIQ,GAAGR,EAAI4B,qBAAqB5B,EAAIa,UACjvCgB,EAAkB,G,YCuBP,GACfC,YACAC,OACA,OACAC,YACAC,UACAC,gBACAzB,aACAmB,oBACAO,UACAxB,cACAgB,cACAF,gBAGAW,UACA,cACAC,oDACA,yBACA,yCACAC,WACAA,mEACAC,6BACAD,cAEA,aACAE,0BAFAC,sCAIAC,iBACAA,8BAEA,qBACA,eACA,aACAD,oDACA,uBAEAE,yBACAF,wDAEAG,UACAC,OACA,gCAGAC,SACAC,SACA,6BACA,sBACA,4CACAN,yBAGAO,iBAEA,2CAEA,oCAEA,KACAX,4CAEAA,0CAOAY,yBAEA,4BAGAA,gBACAC,8BACAC,kBACAC,UACAC,uBACAC,KAAAC,IACA,SAMAN,gBACAC,8BACAC,kBACAC,gCACAC,uBACAC,KAAAC,IACA,UAMAC,gBAEAC,kDAEA,iEACA,eACA,uBAEA,eACA,uBAGAC,QACAnB,gDAEAjB,cACA,mBAAA6B,cAAAQ,OAAAC,cAAAnC,iBAEAoC,UACA,eACAC,QACAC,qCAEAC,gBACA,yBACA,MAEAC,gBACA,2BACAA,gBACAC,KACAC,WACAb,KAAAC,IACA,aAIA,0BAGA,6BACA,sDACAE,8BAGA,0CACA,sDACA,0DAbA,oEC5JmW,I,wBCQ/VW,EAAY,eACd,EACArE,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAAuC,E,kECnBf,yBAA4jB,EAAG","file":"static/js/chunk-26472065.519dc94b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contentParty\"},[_c('div',{staticClass:\"custom-container\"},[_c('div',{staticClass:\"textAlign\"},[_c('h4',{staticClass:\"title\"},[_vm._v(\" \"+_vm._s(_vm.newdetail.newsTitle)+\" \")]),(_vm.createTime.length>0)?_c('p',{staticClass:\"time\"},[_vm._v(\" \"+_vm._s(_vm.createTime[0])+\" \")]):_vm._e()]),_c('div',{staticClass:\"lable\"},[_c('span',{staticClass:\"firstLabel\",attrs:{\"disabled\":\"\"}},[_vm._v(_vm._s(_vm.newdetail.firstLabel))]),_vm._l((_vm.newdetail.secondLabels),function(item){return _c('span',{key:item.labelId,staticClass:\"secondLabel\",attrs:{\"type\":\"primary\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.toSearch(item.labelId)}}},[_vm._v(_vm._s(item.labelName))])}),_vm._l((_vm.otherLabel),function(item,index){return (_vm.otherLabel.length>0)?_c('span',{key:index,staticClass:\"otherLabel\",attrs:{\"type\":\"primary\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.toSearch('',item)}}},[_vm._v(_vm._s(item))]):_vm._e()})],2),(_vm.isShow)?_c('div',{staticClass:\"content_txt\",domProps:{\"innerHTML\":_vm._s(_vm.newsDetail)}}):_vm._e(),(_vm.MobileisShow)?_c('div',{staticClass:\"content_txt\",domProps:{\"innerHTML\":_vm._s(_vm.newsDetailMobile)}}):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"contentParty\">\r\n    <div class=\"custom-container\">\r\n      <div class=\"textAlign\">\r\n        <h4 class=\"title\">\r\n          {{ newdetail.newsTitle }}\r\n        </h4>\r\n        <p class=\"time\" v-if=\"createTime.length>0\">\r\n          {{ createTime[0] }}\r\n        </p>\r\n      </div>\r\n      <div class=\"lable\">\r\n        <span disabled class=\"firstLabel\">{{newdetail.firstLabel}}</span>\r\n        <span type=\"primary\" plain class=\"secondLabel\" @click=\"toSearch(item.labelId)\" v-for=\"item in newdetail.secondLabels\" :key=\"item.labelId\">{{item.labelName}}</span>\r\n        <span type=\"primary\" plain class=\"otherLabel\" v-if=\"otherLabel.length>0\" @click=\"toSearch('',item)\" v-for=\"(item,index) in otherLabel\" :key=\"index\">{{item}}</span>\r\n\r\n      </div>\r\n      <div class=\"content_txt\" v-html=\"newsDetail\" v-if=\"isShow\" />\r\n      <div class=\"content_txt\" v-html=\"newsDetailMobile\" v-if=\"MobileisShow\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { getNewsDetail, advertisementFlow } from \"@/api/api\";\r\nexport default {\r\n  name: \"News\",\r\n  data() {\r\n    return {\r\n      fullWidth: 0,\r\n      isShow: true,\r\n      MobileisShow: false,\r\n      newdetail: {},\r\n      newsDetailMobile: {},\r\n      detail: \"\",\r\n      createTime: [],\r\n      newsDetail: \"\",\r\n      otherLabel: \"\"\r\n    };\r\n  },\r\n  created() {\r\n    this.newURL();\r\n    localStorage.setItem(\"newsId\", this.$route.query.id);\r\n    this.advertisementFlow(); // 在组件创建时加载Google代码\r\n    const script = document.createElement(\"script\");\r\n    script.async = true;\r\n    script.src = \"https://www.googletagmanager.com/gtag/js?id=AW-11335422054\";\r\n    document.head.appendChild(script);\r\n    script.onload = () => {\r\n      window.dataLayer = window.dataLayer || [];\r\n      function gtag() {\r\n        dataLayer.push(arguments);\r\n      }\r\n      gtag(\"js\", new Date());\r\n      gtag(\"config\", \"AW-11335422054\");\r\n    };\r\n    this.getNewsDetail();\r\n    this.loading();\r\n    this.style();\r\n    window.addEventListener(\"resize\", this.handleResize);\r\n    this.webinercookies();\r\n  },\r\n  beforeDestroy: function() {\r\n    window.removeEventListener(\"resize\", this.handleResize);\r\n  },\r\n  computed: {\r\n    isPC() {\r\n      return this.$store.state.isPC;\r\n    }\r\n  },\r\n  methods: {\r\n    newURL() {\r\n      const currentUrl = window.location.href;\r\n      if (currentUrl.includes(\"www\")) {\r\n        let newURL = currentUrl.replace(new RegExp(\"www.\", \"gi\"), \"\");\r\n        window.location.href = newURL;\r\n      }\r\n    },\r\n    webinercookies() {\r\n      // 如果没有记录cookie\r\n      if (!localStorage.getItem(\"webinersource\")) {\r\n        // 就不重新赋值\r\n        let webinersource = this.$route.query.source;\r\n\r\n        if (webinersource == undefined) {\r\n          localStorage.setItem(\"webinersource\", \"www\");\r\n        } else {\r\n          localStorage.setItem(\"webinersource\", webinersource);\r\n        }\r\n        // console.log(1);\r\n      } else {\r\n        // 如果没有cookie就设置cookie\r\n      }\r\n    },\r\n    advertisementFlow() {\r\n      // 如果没有source\r\n      if (this.$route.query.source == undefined) {\r\n        // console.log(1);\r\n        // 就把source拼接\r\n        advertisementFlow({\r\n          recordId: this.$route.query.id,\r\n          path: \"newsDetail\",\r\n          source: \"\",\r\n          information: \"news里面\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n        // 如果有source\r\n      } else {\r\n        advertisementFlow({\r\n          recordId: this.$route.query.id,\r\n          path: \"newsDetail\",\r\n          source: this.$route.query.source,\r\n          information: \"news里面\"\r\n        }).then(res => {\r\n          if (res.code == 10000) {\r\n            // console.log(res);\r\n          }\r\n        });\r\n      }\r\n    },\r\n    handleResize(event) {\r\n      // this.fullWidth = document.documentElement.clientWidth;\r\n      console.log(document.documentElement.clientWidth);\r\n      // 页面宽度小于750px时，不显示地图\r\n      if (document.documentElement.clientWidth < 576 && this.newsDetailMobile) {\r\n        this.isShow = false;\r\n        this.MobileisShow = true;\r\n      } else {\r\n        this.isShow = true;\r\n        this.MobileisShow = false;\r\n      }\r\n    },\r\n    style() {\r\n      document.querySelector(\"span\").fontsize = \"20px\";\r\n    },\r\n    toSearch(id, keywords) {\r\n      this.$router.push({ path: \"/media\", query: { secondLabel: id, otherLabel: keywords } });\r\n    },\r\n    loading() {\r\n      this.$loading({\r\n        lock: true,\r\n        background: \"rgba(255, 255, 255,1)\"\r\n      });\r\n      setTimeout(() => {\r\n        this.$loading().close();\r\n      }, 700);\r\n    },\r\n    getNewsDetail() {\r\n      let id = this.$route.query.id;\r\n      getNewsDetail({\r\n        id: id,\r\n        origin: 1 //前台\r\n      }).then(res => {\r\n        if (res.code != 10000) {\r\n          this.$message.error(res.msg || \"Failed to query news information\");\r\n          return;\r\n        }\r\n        this.newdetail = res.data || [];\r\n        //  console.log(this.newdetail.othersLabel);\r\n        // console.log(this.newdetail.othersLabel.split(','));\r\n        if (this.newdetail.othersLabel) {\r\n          this.otherLabel = this.newdetail.othersLabel.split(\",\");\r\n          console.log(this.otherLabel);\r\n        }\r\n\r\n        this.newsDetail = this.newdetail.newsDetail;\r\n        this.newsDetailMobile = this.newdetail.newsDetailMobile;\r\n        this.createTime = this.newdetail.createTime.split(\" \") || [];\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.textAlign {\r\n  text-align: center;\r\n}\r\n.contentParty {\r\n  background: url(\"https://retailplatform.oss-cn-hangzhou.aliyuncs.com/holdenWebH5/newsBg.png\") no-repeat center top;\r\n  background-size: 100vw 280px;\r\n  min-height: 280px;\r\n  padding-top: 81px;\r\n  margin-bottom: 51px;\r\n  // word-break: break-all;\r\n  .custom-container {\r\n    margin: 0 195px;\r\n    background: #ffffff;\r\n    padding: 66px 44px 44px;\r\n    overflow: hidden;\r\n    .title {\r\n      color: #333;\r\n      font-weight: 700;\r\n      margin-top: 0;\r\n    }\r\n    .time {\r\n      margin-top: 15px;\r\n      margin-bottom: 29px;\r\n    }\r\n  }\r\n}\r\n.content_txt {\r\n  /deep/ p {\r\n    font-size: 18px;\r\n    span {\r\n      font-size: 18px;\r\n    }\r\n    strong {\r\n      font-size: 24px;\r\n    }\r\n  }\r\n  /deep/ video {\r\n    // height: 500px!important;\r\n  }\r\n  span {\r\n    font-size: 18px;\r\n  }\r\n  /deep/img {\r\n    max-width: 100%;\r\n  }\r\n}\r\n.lable {\r\n  .firstLabel {\r\n    color: #000;\r\n    // margin-bottom: 50px;\r\n    margin-right: 15px;\r\n    font-size: 20px;\r\n  }\r\n  .secondLabel,\r\n  .otherLabel {\r\n    margin-right: 15px;\r\n    // margin-bottom: 50px;\r\n    font-size: 15px;\r\n    display: inline-block;\r\n    cursor: pointer;\r\n    color: #2cb1e9;\r\n    &:hover {\r\n      color: #0087d7;\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n@media screen and (max-width: 576px) {\r\n  .contentParty {\r\n    .custom-container {\r\n      margin: 0 70px;\r\n      .title {\r\n        font-size: 70px;\r\n      }\r\n      .time {\r\n        font-size: 50px;\r\n      }\r\n    }\r\n  }\r\n  .content_txt {\r\n    font-size: 55px;\r\n    /deep/p {\r\n      font-size: 55px;\r\n      span {\r\n        font-size: 55px;\r\n      }\r\n      strong {\r\n        font-size: 55px;\r\n      }\r\n    }\r\n    a {\r\n      font-size: 55px;\r\n    }\r\n  }\r\n  a {\r\n    .wscnph {\r\n      width: 80%;\r\n    }\r\n  }\r\n  .firstLabel {\r\n    font-size: 55px !important;\r\n    margin-right: 20px !important;\r\n  }\r\n  .secondLabel,\r\n  .otherLabel {\r\n    font-size: 35px !important;\r\n    margin-right: 15px !important;\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!./newsDetail.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!./newsDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./newsDetail.vue?vue&type=template&id=d6d0fef0&scoped=true&\"\nimport script from \"./newsDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./newsDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./newsDetail.vue?vue&type=style&index=0&id=d6d0fef0&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  \"d6d0fef0\",\n  null\n  \n)\n\nexport default component.exports","import mod 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!./newsDetail.vue?vue&type=style&index=0&id=d6d0fef0&lang=scss&scoped=true&\"; export default mod; 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!./newsDetail.vue?vue&type=style&index=0&id=d6d0fef0&lang=scss&scoped=true&\""],"sourceRoot":""}