{"version":3,"sources":["webpack:///./src/views/robot/detail.vue?806f","webpack:///src/views/robot/detail.vue","webpack:///./src/views/robot/detail.vue?1723","webpack:///./src/views/robot/detail.vue","webpack:///./node_modules/core-js/modules/es.array.filter.js","webpack:///./src/views/robot/detail.vue?8206"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","$event","isShow","model","value","callback","$$v","expression","staticRenderFns","name","components","Qrcode","data","detail","created","methods","initData","document","id","console","contents","list","avatar","img","title","subtitle","desc","goodness","insertDiv","maxWidth","Array","item","ratio","height","component","$","$filter","filter","arrayMethodHasSpeciesSupport","HAS_SPECIES_SUPPORT","target","proto","forced","callbackfn","arguments","length","undefined"],"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,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaC,MAAM,CAAC,GAAK,UAAUH,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIQ,GAAG,qBAAqBJ,EAAG,SAAS,CAACE,YAAY,YAAYG,GAAG,CAAC,MAAQ,SAASC,GAAQV,EAAIW,QAAS,KAAQ,CAACX,EAAIQ,GAAG,YAAYJ,EAAG,SAAS,CAACQ,MAAM,CAACC,MAAOb,EAAU,OAAEc,SAAS,SAAUC,GAAMf,EAAIW,OAAOI,GAAKC,WAAW,aAAa,IACnfC,EAAkB,G,8HCoBP,GACfC,oBACAC,YACAC,eAEAC,KALA,WAMA,OACAV,UACAW,YAGAC,QAXA,WAYA,iBAGAC,SACAC,SADA,WACA,6KACAC,6DACAC,EAAA,eAAAA,GACAC,2BAHA,SAMA,sCANA,cAMAC,EANA,OAOAC,EAAA,GAPA,SAQAD,sBAAA,2BACA,YACAC,QACAH,QACAI,6CACAC,0CACAC,cACAC,oBACAC,kEACAC,oCAjBA,cAuBA,cAGAC,EAAAX,gCAEAW,0BA5BA,UA+BAA,cA/BA,WA+BAC,EA/BA,OAgCAV,4BACAS,0CAjCA,kCAmCAE,iEAGA,oBACAX,4BACA,MACAY,yBAzCA,aA8CAH,wCA9CA,kCAgDAE,+DAIA,gBACAP,YACAA,qBAAAJ,kCACAI,oBAEA,MADAJ,gCAEA,qBACA,kBAEAA,uBACAA,wBAKAa,MACAC,KACAF,qBACAA,sBAEAZ,8CACAA,kDAGAY,yBACAA,6BA7EA,QAiFAZ,qCAjFA,iDCrC+V,I,wBCQ3Ve,EAAY,eACd,EACA5C,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAA0B,E,6CClBf,IAAIC,EAAI,EAAQ,QACZC,EAAU,EAAQ,QAAgCC,OAClDC,EAA+B,EAAQ,QAEvCC,EAAsBD,EAA6B,UAKvDH,EAAE,CAAEK,OAAQ,QAASC,OAAO,EAAMC,QAASH,GAAuB,CAChEF,OAAQ,SAAgBM,GACtB,OAAOP,EAAQ5C,KAAMmD,EAAYC,UAAUC,OAAS,EAAID,UAAU,QAAKE,O,2DCZ3E","file":"public/js/chunk-8eddf438.c67eb912.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"robot-detail\"},[_c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"robot-desc\",attrs:{\"id\":\"desc\"}}),_c('div',{staticClass:\"data-source\"},[_vm._v(\"*数据来源于博智林机器人实验室\")]),_c('button',{staticClass:\"robot-btn\",on:{\"click\":function($event){_vm.isShow = true}}},[_vm._v(\"业务洽谈\")])]),_c('Qrcode',{model:{value:(_vm.isShow),callback:function ($$v) {_vm.isShow=$$v},expression:\"isShow\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"robot-detail\">\r\n<!--    <div class=\"img\">-->\r\n<!--      <img :src=\"detail.img\"  alt=\"\">-->\r\n<!--    </div>-->\r\n    <div class=\"content\">\r\n<!--      <div class=\"robot-h1\">{{detail.title}}</div>-->\r\n      <div class=\"robot-desc\" id=\"desc\"><!--{{detail.desc}}--></div>\r\n<!--      <div class=\"robot-h1\">产品优势</div>-->\r\n<!--      <div class=\"robot-goodness\">-->\r\n<!--        <div v-for=\"(item, index) in detail.goodness\" :key='\"g_\"+index'>{{item}}</div>-->\r\n<!--      </div>-->\r\n      <div class=\"data-source\">*数据来源于博智林机器人实验室</div>\r\n      <button class=\"robot-btn\" @click=\"isShow = true\">业务洽谈</button>\r\n    </div>\r\n    <Qrcode v-model=\"isShow\"></Qrcode>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Qrcode from \"@/components/Qrcode.vue\";\r\n// import { cardData } from \"./robot\";\r\nexport default {\r\n  name: 'robot-detail',\r\n  components: {\r\n    Qrcode\r\n  },\r\n  data(){\r\n    return {\r\n      isShow: false,\r\n        detail: {},\r\n    }\r\n  },\r\n  created () {\r\n    this.initData();\r\n\r\n  },\r\n  methods:{\r\n      async initData(){\r\n          document.body.scrollTop = document.documentElement.scrollTop = 0;\r\n          const { id } = this.$route.query;\r\n          console.log(\"contentId\",id);\r\n\r\n\r\n          let contents = await this.$getContents(this.$channels.robotList);\r\n          let list =[];\r\n         await contents.filter(item => item.id == id).forEach(\r\n              item => {\r\n                  list.push({\r\n                      id: item.id,\r\n                      avatar: process.env.VUE_APP_BASE_API+item.imageUrl,\r\n                      img: process.env.VUE_APP_BASE_API+item.imageUrl,\r\n                      title: item.title,\r\n                      subtitle: item.subTitle,\r\n                      desc: item.body.replaceAll(\"src=\\\"/\",\"src=\\\"\"+process.env.VUE_APP_BASE_API+\"/\"),\r\n                      goodness:item.summary.split(\"\\n\")\r\n                  })\r\n              }\r\n          );\r\n\r\n          //console.log(\"list\",list)\r\n          this.detail = list[0];\r\n\r\n\r\n          let insertDiv = document.getElementById(\"desc\");\r\n\r\n          insertDiv.innerHTML = this.detail.desc;\r\n\r\n\r\n          let maxWidth =await insertDiv.clientWidth;\r\n          console.log(\"maxWidth\",maxWidth);\r\n          if (insertDiv.getElementsByTagName(\"video\").length > 0) {\r\n\r\n              await Array.from(insertDiv.getElementsByTagName(\"video\")).forEach(item => {\r\n\r\n\r\n                  let videoWidth = item.clientWidth;\r\n                  console.log(\"videoWidth\",videoWidth);\r\n                  if (videoWidth>maxWidth){\r\n                      item.style.width = maxWidth+\"px\";\r\n                  }\r\n\r\n              });\r\n          }\r\n          if (insertDiv.getElementsByTagName(\"img\").length > 0) {\r\n\r\n              await Array.from(insertDiv.getElementsByTagName(\"img\")).forEach(item => {\r\n\r\n\r\n\r\n                  let img = new Image();\r\n                  img.src = item.src;\r\n                  img.onerror = ()=>{ console.log(\"img.onerror\",item.src)};\r\n                  img.onload = () =>{\r\n                      console.log(\"img.onload\",item.src);\r\n                      let ratio;  // 缩放比例\r\n                      let width = item.naturalWidth;\r\n                      let height = item.naturalHeight;\r\n\r\n                      console.log(\"width\",width);\r\n                      console.log(\"height\",height);\r\n\r\n                      // 检查图片是否超宽\r\n                      // if (width > maxWidth) {\r\n                      //计算缩放比例\r\n                      ratio = maxWidth / width;\r\n                      height = height * ratio;    // 计算等比例缩放后的高度\r\n                      item.style.width = maxWidth+\"px\";\r\n                      item.style.height  = height+\"px\";\r\n                      // }\r\n                      console.log(\"item.style.width\",item.style.width);\r\n                      console.log(\" item.style.height\", item.style.height);\r\n                  };\r\n\r\n                  item.style.marginLeft = \"0px\";\r\n                  item.style.marginRight = \"0px\";\r\n\r\n              });\r\n          }\r\n          console.log(\"robot detail\",this.detail)\r\n      },\r\n\r\n  }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.robot-detail{\r\n  .img{\r\n    img{\r\n      width: 750px;\r\n      height: 637px;\r\n    }\r\n  }\r\n  .content{\r\n    padding: 100px 48px 132px; \r\n  }\r\n  .robot-h1{\r\n    font-size: 48px;\r\n    font-family: PingFangSC, PingFangSC-Medium;\r\n    font-weight: 500;\r\n    color: #333333;\r\n  }\r\n  .robot-desc{\r\n    margin: 32px 0 64px;\r\n    font-size: 28px;\r\n    font-family: PingFangSC, PingFangSC-Regular;\r\n    font-weight: 400;\r\n    color: #666666;\r\n    line-height: 56px;\r\n  }\r\n  .robot-goodness {\r\n    margin: 32px 0 64px;\r\n    font-size: 28px;\r\n    font-family: PingFangSC, PingFangSC-Regular;\r\n    font-weight: 400;\r\n    color: #666666;\r\n    line-height: 56px;\r\n  }\r\n  .data-source{\r\n    font-size: 28px;\r\n    font-family: PingFangSC, PingFangSC-Regular;\r\n    color: #999999;\r\n    margin-bottom: 100px;\r\n  }\r\n  .robot-btn{\r\n    width: 654px;\r\n    height: 80px;\r\n    color: #ffffff;\r\n    background: #d8609e;\r\n    border: none;\r\n  }\r\n}\r\n</style>","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!./detail.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!./detail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.vue?vue&type=template&id=8ce9cece&scoped=true&\"\nimport script from \"./detail.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.vue?vue&type=style&index=0&id=8ce9cece&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  \"8ce9cece\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar $filter = require('../internals/array-iteration').filter;\nvar arrayMethodHasSpeciesSupport = require('../internals/array-method-has-species-support');\n\nvar HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');\n\n// `Array.prototype.filter` method\n// https://tc39.es/ecma262/#sec-array.prototype.filter\n// with adding support of @@species\n$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {\n  filter: function filter(callbackfn /* , thisArg */) {\n    return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n","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!./detail.vue?vue&type=style&index=0&id=8ce9cece&lang=less&scoped=true&\""],"sourceRoot":""}