{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/App.vue?7e02","webpack:///./src/components/DataV/MaterialRack/DataV_Demos_MaterialRack.vue?30e1","webpack:///./src/components/DataV/Layout/DataV_Layout_AppHeader.vue?1966","webpack:///./src/App.vue?a5c9","webpack:///src/App.vue","webpack:///./src/App.vue?1160","webpack:///./src/App.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_RedRose.vue?f3d9","webpack:///src/components/ThreeJS/ThreeJS_Products_RedRose.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_RedRose.vue?7d79","webpack:///./src/components/ThreeJS/ThreeJS_Products_RedRose.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_MaterialRack.vue?93a9","webpack:///src/components/ThreeJS/ThreeJS_Products_MaterialRack.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_MaterialRack.vue?56da","webpack:///./src/components/ThreeJS/ThreeJS_Products_MaterialRack.vue","webpack:///./src/components/DataV/MaterialRack/DataV_Demos_MaterialRack.vue?1643","webpack:///./src/components/DataV/MaterialRack/DataV_Demo_MaterialRack_Header.vue?eb53","webpack:///./src/components/DataV/MaterialRack/DataV_Demo_MaterialRack_Header.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_MaterialRack_WithoutBg.vue?1080","webpack:///src/components/ThreeJS/ThreeJS_Products_MaterialRack_WithoutBg.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_MaterialRack_WithoutBg.vue?a4a0","webpack:///./src/components/ThreeJS/ThreeJS_Products_MaterialRack_WithoutBg.vue","webpack:///./src/components/DataV/MaterialRack/DataV_Demo_MaterialRack_Left_Side_New.vue?4ae3","webpack:///src/components/DataV/MaterialRack/DataV_Demo_MaterialRack_Left_Side_New.vue","webpack:///./src/components/DataV/MaterialRack/DataV_Demo_MaterialRack_Left_Side_New.vue?bcbb","webpack:///./src/components/DataV/MaterialRack/DataV_Demo_MaterialRack_Left_Side_New.vue","webpack:///./src/components/DataV/MaterialRack/DataV-Demo_MaterialRack_Right_Side.vue?62ff","webpack:///src/components/DataV/MaterialRack/DataV-Demo_MaterialRack_Right_Side.vue","webpack:///./src/components/DataV/MaterialRack/DataV-Demo_MaterialRack_Right_Side.vue?c9cb","webpack:///./src/components/DataV/MaterialRack/DataV-Demo_MaterialRack_Right_Side.vue","webpack:///src/components/DataV/MaterialRack/DataV_Demos_MaterialRack.vue","webpack:///./src/components/DataV/MaterialRack/DataV_Demos_MaterialRack.vue?1210","webpack:///./src/components/DataV/MaterialRack/DataV_Demos_MaterialRack.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_BatamanCar.vue?5129","webpack:///src/components/ThreeJS/ThreeJS_Products_BatamanCar.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_BatamanCar.vue?838b","webpack:///./src/components/ThreeJS/ThreeJS_Products_BatamanCar.vue","webpack:///./src/components/DataV/Layout/DataV_Demo_layout_MaterialRack.vue?af4c","webpack:///./src/components/DataV/Layout/DataV_Layout_AppHeader.vue?fdf5","webpack:///src/components/DataV/Layout/DataV_Layout_AppHeader.vue","webpack:///./src/components/DataV/Layout/DataV_Layout_AppHeader.vue?72e9","webpack:///./src/components/DataV/Layout/DataV_Layout_AppHeader.vue","webpack:///./src/components/DataV/Layout/DataV_Layout_AppLeft.vue?3c80","webpack:///src/components/DataV/Layout/DataV_Layout_AppLeft.vue","webpack:///./src/components/DataV/Layout/DataV_Layout_AppLeft.vue?a94c","webpack:///./src/components/DataV/Layout/DataV_Layout_AppLeft.vue","webpack:///./src/components/DataV/Layout/DataV_Layout_AppRight.vue?40f9","webpack:///src/components/DataV/Layout/DataV_Layout_AppRight.vue","webpack:///./src/components/DataV/Layout/DataV_Layout_AppRight.vue?9316","webpack:///./src/components/DataV/Layout/DataV_Layout_AppRight.vue","webpack:///./src/components/DataV/Layout/DataV_Layout_AppButtom.vue?c757","webpack:///src/components/DataV/Layout/DataV_Layout_AppButtom.vue","webpack:///./src/components/DataV/Layout/DataV_Layout_AppButtom.vue?8053","webpack:///./src/components/DataV/Layout/DataV_Layout_AppButtom.vue","webpack:///src/components/DataV/Layout/DataV_Demo_layout_MaterialRack.vue","webpack:///./src/components/DataV/Layout/DataV_Demo_layout_MaterialRack.vue?9e2f","webpack:///./src/components/DataV/Layout/DataV_Demo_layout_MaterialRack.vue","webpack:///./src/components/DataV/DataVShow.vue?e051","webpack:///./src/components/DataV/DataVCommons/DataV_Scroll_Ranking_Board.vue?9d3c","webpack:///src/components/DataV/DataVCommons/DataV_Scroll_Ranking_Board.vue","webpack:///./src/components/DataV/DataVCommons/DataV_Scroll_Ranking_Board.vue?9ac1","webpack:///./src/components/DataV/DataVCommons/DataV_Scroll_Ranking_Board.vue","webpack:///src/components/DataV/DataVShow.vue","webpack:///./src/components/DataV/DataVShow.vue?d5e6","webpack:///./src/components/DataV/DataVShow.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_Star.vue?af95","webpack:///src/components/ThreeJS/ThreeJS_Products_Star.vue","webpack:///./src/components/ThreeJS/ThreeJS_Products_Star.vue?2c2f","webpack:///./src/components/ThreeJS/ThreeJS_Products_Star.vue","webpack:///./src/router.js","webpack:///./src/main.js","webpack:///./src/components/DataV/MaterialRack/DataV-Demo_MaterialRack_Right_Side.vue?f500","webpack:///./src/components/DataV/MaterialRack/DataV_Demo_MaterialRack_Header.vue?c834","webpack:///./src/components/DataV/Layout/DataV_Layout_AppRight.vue?ed3b","webpack:///./src/components/DataV/Layout/DataV_Layout_AppLeft.vue?0609","webpack:///./src/components/DataV/MaterialRack/DataV_Demo_MaterialRack_Left_Side_New.vue?d70c","webpack:///./src/components/DataV/DataVCommons/DataV_Scroll_Ranking_Board.vue?8d0c","webpack:///./src/components/DataV/Layout/DataV_Demo_layout_MaterialRack.vue?e69b","webpack:///./src/components/DataV/Layout/DataV_Layout_AppButtom.vue?7063"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_vm","this","_h","$createElement","_c","_self","directives","rawName","$route","meta","expression","staticRenderFns","component","attrs","loadedData","staticStyle","style","left","top","_e","renderer","scene","camera","controls","mesh","meshgroup","innerWidth","innerHeight","methods","init","antialias","alpha","setClearColor","inWidth","inHeight","setSize","container","appendChild","domElement","background","bgTexture","position","x","y","z","OrbitControls","plane","map","texturefloor","transparent","opacity","rotateX","add","pointLight","set","update","objloader","load","onLoad","scale","traverse","child","material","onProgress","xhr","lengthComputable","percentComplete","process","Math","round","onError","onWindowResize","animate","requestAnimationFrame","render","rotation","mounted","addEventListener","clock","mixer","setClearAlpha","shadowMap","enabled","materialplan","side","receiveShadow","castShadow","cube","cube1","cube2","curve","points","getPoints","geometry1","setFromPoints","materialx1","color","line","arr","times","Float32Array","posArr","forEach","elem","values","posTrack","AnimationAction","timeScale","play","totalboxs","positions","mtlLoader","materials","preload","setMaterials","rowposY","cellposz","totalRowx","t_racktotalRow","t_rackCell","t_racksingleRow","i_rackCell","newrack","clone","that","boxid","randNum","random","newcube","ID","element","createFonts","textLoad","font","txtGeo","size","height","curveSegments","bevelEnabled","bevelThickness","bevelSize","bevelSegments","txtMater","txtMesh","dramLine","getDelta","staticClass","url","materialUrl","cur_height","_m","_v","script","props","outerHeight","getCurrHeight","win_height","dv_height","console","log","key1","config1","key3","key4","key5","config2","key6","key7","key8","config3","key2","colors","unit","showValue","header","index","rowNum","indexHeader","columnWidth","align","config4","number","content","config5","headerBGC","dataVData","req_url","domWidth","domHeight","currBorderWidth","currBorderHeight","$nextTick","_s","materialTitle","config","components","MaterialRackHeader","ThreeMaterialRack","LeftSide","RightSide","materialTrendUrl","beforeMount","clientHeight","hr","axesHelper","configtop10","configPullData","dataChart","option","chartDom","document","getElementById","myChart","echarts","title","text","tooltip","trigger","legend","textStyle","fontSize","grid","right","bottom","containLabel","toolbox","feature","saveAsImage","xAxis","type","boundaryGap","axisLabel","show","yAxis","series","setOption","fullHeight","fullWidth","topHeight","bodyLeftWidth","bodyRightWidht","styleTopVar","styleLeftVar","styleRightVar","threejsVar","styleButtomVar","created","domInit","rose","AppHeader","AppLeft","AppRight","AppButtom","watch","timer","val","setTimeout","get_bodyHeight","onresize","dataVal","default","dataInfo","scrollData","stats","meshArry","meshArryc","drawPoint","initStats","body","dom","sphere","x1","getRandomArbitrary","y1","z1","csphere","runPoint","max","min","Vue","use","VueRouter","keywordinfo","des","routes","path","redRose","keywords","description","threeJS_start","batamanCar","materialRack","dataVmaterialRack","dataV_layout_materialRack","MRNumber","ShowDataV","router","VueWechatTitle","productionTip","h","App","$mount","defaultTitle","beforeEach","to","from","next"],"mappings":"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","file":"js/app.b06668e1.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"app\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([0,\"chunk-vendors\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../node_modules/cache-loader/dist/cjs.js??ref--0-0!../node_modules/vue-loader/lib/index.js??vue-loader-options!./App.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV_Demos_MaterialRack.vue?vue&type=style&index=0&id=58051d20&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV_Layout_AppHeader.vue?vue&type=style&index=0&id=069522be&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('router-view',{directives:[{name:\"wechat-title\",rawName:\"v-wechat-title\",value:(_vm.$route.meta.title),expression:\"$route.meta.title\"}]})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <router-view v-wechat-title=\"$route.meta.title\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: \"App\",\r\n};\r\n</script>\r\n<style>\r\nbody{\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n</style>\r\n ","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!./App.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!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=b899a214&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"container\"}},[(_vm.loadedData !== 100)?_c('div',{staticStyle:{\"position\":\"absolute\",\"width\":\"400px\"},style:({ left: _vm.left + 'px', top: _vm.top + 'px' })},[_c('el-progress',{attrs:{\"text-inside\":true,\"stroke-width\":30,\"percentage\":_vm.loadedData,\"v-if\":_vm.loadedData !== 100}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- 画布元素-->\r\n  <div id=\"container\">\r\n    <!-- -->\r\n    <!-- 加载完成后，如果想隐藏进度条可以设置  v-if=\"loadedData!==100\"，也就是loadedData等于100隐藏进度条  -->\r\n\r\n    <div\r\n      style=\"position: absolute; width: 400px\"\r\n      :style=\"{ left: left + 'px', top: top + 'px' }\"\r\n      v-if=\"loadedData !== 100\"\r\n    >\r\n      <el-progress\r\n        :text-inside=\"true\"\r\n        :stroke-width=\"30\"\r\n        :percentage=\"loadedData\"\r\n        :v-if=\"loadedData !== 100\"\r\n      ></el-progress>\r\n    </div>\r\n    <!--<div v-else></div>-->\r\n  </div>\r\n</template>\r\n<script>\r\nimport * as THREE from \"three\"; //3D基础类\r\nimport { OBJLoader } from \"three/examples/jsm/loaders/OBJLoader\"; //导入外部辅组obj模型类\r\n\r\n//xyz对应的坐标轴  红绿蓝 rgb\r\nimport { OrbitControls } from \"three/examples/jsm/controls/OrbitControls\"; //轨道控制器  随着随便放大 缩小\r\n\r\nexport default {\r\n  //变量申明模块\r\n  data() {\r\n    return {\r\n      renderer: null, //渲染器\r\n      // loader, //纹理加载器\r\n      scene: null, //场景\r\n      camera: null, //相机\r\n      controls: null, //轨道控制器\r\n      mesh: null, //网格\r\n      meshgroup: null,\r\n\r\n      loadedData: 0,\r\n      left: (window.innerWidth - 400) / 2,\r\n      top: (window.innerHeight - 30) / 2,\r\n    };\r\n  },\r\n  //方法申明模块\r\n  methods: {\r\n    init: function() {\r\n      //渲染器\r\n      this.renderer = new THREE.WebGLRenderer({\r\n        //增加下面两个属性，可以抗锯齿\r\n        antialias: true,\r\n        alpha: true,\r\n      });\r\n\r\n      /*-- 设置渲染器背景颜色--*/\r\n      //颜色背景 灰  背景矩形旋转大小  556 *500\r\n      this.renderer.setClearColor(\"rgb(242,242,242)\", 1.0);\r\n      //颜色背景 翡翠\r\n      //  this.renderer.setClearColor(\"rgb(241,243,241)\", 1.0);\r\n\r\n      //设置渲染器高度与宽度\r\n      var inWidth = window.innerWidth;\r\n      var inHeight = window.innerHeight;\r\n\r\n      this.renderer.setSize(inWidth, inHeight);\r\n      //渲染器加入到网页BODY里面去\r\n      // document.body.appendChild(this.renderer.domElement);\r\n      let container = document.getElementById(\"container\");\r\n      container.appendChild(this.renderer.domElement);\r\n      let loader = new THREE.TextureLoader();\r\n      let bgTexture = loader.load(\"/comom/bluebg.png\");\r\n\r\n      //场景\r\n      this.scene = new THREE.Scene();\r\n      this.scene.background = bgTexture;\r\n      //相机\r\n      this.camera = new THREE.PerspectiveCamera(\r\n        75,\r\n        inWidth / inHeight,\r\n        0.1,\r\n        1000\r\n      );\r\n      //相机的位置\r\n      this.camera.position.x = 0;\r\n      //设置相机的高度\r\n      this.camera.position.y = 1.7795;\r\n      //设置相机的相对于看到的距离\r\n      this.camera.position.z = 2;\r\n      //实例化轨道控制器 必须实例化在 相机和渲染器后面\r\n      this.controls = new OrbitControls(this.camera, this.renderer.domElement);\r\n\r\n      // 创建一个矩形平面几何体，宽度100，长度200\r\n      var plane = new THREE.PlaneGeometry(7, 7);\r\n\r\n      let texturefloor = loader.load(\r\n        \"/RedRose/internal_ground_ao_texture.jpeg\"\r\n      );\r\n\r\n      let materialplan = new THREE.MeshPhongMaterial({\r\n        // 矩形平面网格模型默认单面显示，可以设置side属性值为THREE.DoubleSide双面显示\r\n        //side: THREE.DoubleSide,\r\n        map: texturefloor,\r\n        // transparent设置为true，开启透明，否则opacity不起作用\r\n        transparent: true,\r\n        // 设置材质透明度\r\n        opacity: 0,\r\n      });\r\n\r\n      //平面出来 默认是水平面 需要向X轴 旋转弧度\r\n      plane.rotateX(-1.570796);\r\n\r\n      this.mesh = new THREE.Mesh(plane, materialplan);\r\n      this.scene.add(this.mesh);\r\n      //加入光源\r\n      var pointLight = new THREE.PointLight(\"#ffffff\");\r\n      //光源坐标\r\n      pointLight.position.set(0, 10, 10);\r\n      this.scene.add(pointLight);\r\n      // 辅助坐标系  参数200表示坐标系大小，可以根据场景大小去设置\r\n      // var axesHelper = new THREE.AxesHelper(200);\r\n      // scene.add(axesHelper);\r\n      //必须在对相机的变换进行任何手动更改后调用\r\n      this.controls.update();\r\n\r\n      //obj导入类\r\n\r\n      let objloader = new OBJLoader();\r\n\r\n      this.meshgroup = new THREE.Group();\r\n      //url 模型地址\r\n      //onLoad 加载完成后的回调函数，一般在这里操作将模型添加到场景中\r\n      //onProgress 加载过程中触发的函数，可以用来展示进度条\r\n      //onError 捕捉错误的回调函数\r\n      objloader.load(\r\n        \"/RedRose/Red_rose_SF.obj\",\r\n        this.onLoad,\r\n        this.onProgress,\r\n        this.onError\r\n      );\r\n    },\r\n\r\n    onLoad: function(object) {\r\n      //模型的x、y、z轴的位置\r\n\r\n      object.position.set(0.03817, -2, -0.30002003);\r\n      //缩放比列\r\n      object.scale.set(1, 1, 1);\r\n\r\n      object.traverse(function(child) {\r\n        if (child instanceof THREE.Mesh) {\r\n          //设置模型皮肤\r\n          child.material.map = THREE.ImageUtils.loadTexture(\r\n            \"/RedRose/Red_rose.jpg\"\r\n          );\r\n        }\r\n      });\r\n\r\n      this.meshgroup = object;\r\n      this.scene.add(object);\r\n    },\r\n\r\n    onProgress: function(xhr) {\r\n      if (xhr.lengthComputable) {\r\n        var percentComplete = (xhr.loaded / xhr.total) * 100;\r\n        // console.log();\r\n        //  console.log(\"model \" + Math.round(percentComplete, 2) + \"% downloaded\");\r\n        var process = Math.round(percentComplete, 2);\r\n        //把加载进度数据取整然后传递给Vue组件：进度条\r\n\r\n        this.loadedData = process;\r\n      }\r\n    },\r\n    onError: function() {},\r\n    onWindowResize: function() {\r\n      this.renderer.setSize(window.innerWidth, window.innerHeight);\r\n    },\r\n    animate: function() {\r\n      requestAnimationFrame(this.animate);\r\n      //如果controls.enableDamping 或controls.autoRotate 设置为true，则需要\r\n      this.controls.update();\r\n\r\n      this.renderer.render(this.scene, this.camera);\r\n\r\n      this.meshgroup.rotation.y += 0.01;\r\n    },\r\n  },\r\n  //模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作\r\n  mounted() {\r\n    this.init();\r\n    this.animate();\r\n    window.addEventListener(\"resize\", () => this.onWindowResize(), false);\r\n  },\r\n};\r\n</script>\r\n","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!./ThreeJS_Products_RedRose.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!./ThreeJS_Products_RedRose.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThreeJS_Products_RedRose.vue?vue&type=template&id=33d192d5&\"\nimport script from \"./ThreeJS_Products_RedRose.vue?vue&type=script&lang=js&\"\nexport * from \"./ThreeJS_Products_RedRose.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"canvas\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"," <template>\r\n  <!-- 画布元素-->\r\n  <div id=\"canvas\"></div>\r\n</template>\r\n<script>\r\nimport * as THREE from \"three\"; //3D基础类\r\n//import { OBJLoader } from \"three/examples/jsm/loaders/OBJLoader\"; //导入外部辅组obj模型类\r\nimport { OBJLoader, MTLLoader } from \"three-obj-mtl-loader\";\r\n//xyz对应的坐标轴  红绿蓝 rgb\r\nimport { OrbitControls } from \"three/examples/jsm/controls/OrbitControls\"; //轨道控制器  随着随便放大 缩小\r\n\r\nexport default {\r\n  //变量申明模块\r\n  data() {\r\n    return {\r\n      renderer: null, //渲染器\r\n      // loader, //纹理加载器\r\n      scene: null, //场景\r\n      camera: null, //相机\r\n      controls: null, //轨道控制器\r\n      mesh: null, //网格\r\n      meshgroup: null,\r\n      clock: null, //时钟对象 轨迹运动\r\n      mixer: null, //轨迹运动对象\r\n    };\r\n  },\r\n  //方法申明模块\r\n  methods: {\r\n    init: function () {\r\n      this.renderer = new THREE.WebGLRenderer({\r\n        //增加下面两个属性，可以抗锯齿\r\n        antialias: true,\r\n        alpha: true,\r\n      });\r\n      /*-- 设置渲染器背景颜色--*/\r\n      //renderer.setClearColor(\"rgb(135,206,250)\", 1.0);\r\n      // this.renderer.setClearColor(\"rgb(241,243,241)\", 1.0);\r\n      //设置渲染器高度与宽度\r\n      this.renderer.setSize(window.innerWidth, window.innerHeight);\r\n      this.renderer.setClearAlpha(0.01);\r\n      //告诉渲染器我需要阴影\r\n      this.renderer.shadowMap.enabled = true;\r\n      //渲染器加入到网页BODY里面去\r\n      //  document.body.appendChild(this.renderer.domElement);\r\n\r\n      let container = document.getElementById(\"canvas\");\r\n      container.appendChild(this.renderer.domElement);\r\n      //场景\r\n      this.scene = new THREE.Scene();\r\n      let loader = new THREE.TextureLoader();\r\n      let bgTexture = loader.load(\"/comom/bluebg1.png\");\r\n\r\n      this.scene.background = bgTexture;\r\n\r\n      //相机\r\n      this.camera = new THREE.PerspectiveCamera(\r\n        75,\r\n        window.innerWidth / window.innerHeight,\r\n        0.1,\r\n        1000\r\n      );\r\n      //相机的位置\r\n      this.camera.position.x = 0;\r\n      //设置相机的高度\r\n      this.camera.position.y = 2.7795;\r\n      //设置相机的相对于看到的距离\r\n      this.camera.position.z = 10;\r\n      //实例化轨道控制器 必须实例化在 相机和渲染器后面\r\n      this.controls = new OrbitControls(this.camera, this.renderer.domElement);\r\n\r\n      // 创建一个矩形平面几何体，宽度100，长度200\r\n      var plane = new THREE.PlaneGeometry(11, 11);\r\n\r\n      let texturefloor = loader.load(\"/MaterialRack/floor.jpg\");\r\n\r\n      var materialplan = new THREE.MeshPhongMaterial({\r\n        // 矩形平面网格模型默认单面显示，可以设置side属性值为THREE.DoubleSide双面显示\r\n        side: THREE.DoubleSide,\r\n        map: texturefloor,\r\n      });\r\n      //平面出来 默认是水平面 需要向X轴 旋转弧度\r\n      plane.rotateX(-1.570796);\r\n      //（4）最后告诉最底下的平面长方形你要接受阴影：\r\n      plane.receiveShadow = true;\r\n\r\n      this.mesh = new THREE.Mesh(plane, materialplan);\r\n      this.scene.add(this.mesh);\r\n      //加入光源\r\n      var pointLight = new THREE.PointLight(\"#ffffff\");\r\n      //光源坐标\r\n      pointLight.position.set(0, 10, 10);\r\n      //2、告诉灯光，我需要阴影：\r\n      pointLight.castShadow = true;\r\n\r\n      this.scene.add(pointLight);\r\n      //实例化一个正方体盒子  长宽高\r\n      const geometry = new THREE.BoxGeometry(0.5, 0.3, 0.5);\r\n      const textTureLoader = new THREE.TextureLoader();\r\n      const textTure = textTureLoader.load(\"/MaterialRack/box2.jpg\");\r\n      //设置盒子纹理\r\n      const material = new THREE.MeshBasicMaterial({ map: textTure });\r\n\r\n      //将盒子与纹理加入网格模型对象\r\n      const cube = new THREE.Mesh(geometry, material);\r\n      cube.position.set(4, 0.1, -3.3); //设置mesh3模型对象的xyz坐标为\r\n      cube.scale.set(0.5, 0.5, 0.5);\r\n      //cube.translateX(120)\r\n      cube.castShadow = true;\r\n      //将网格加入画布\r\n      this.scene.add(cube);\r\n\r\n      //加入另外一种盒子\r\n      const texture1 = textTureLoader.load(\"/MaterialRack/box.jpg\");\r\n      //设置盒子纹理\r\n      const material1 = new THREE.MeshBasicMaterial({ map: texture1 });\r\n      const cube1 = new THREE.Mesh(geometry, material1);\r\n      cube1.position.set(5, 0.1, -3.3); //设置mesh3模型对象的xyz坐标为\r\n      cube1.scale.set(0.5, 0.5, 0.5);\r\n      //cube.translateX(120)\r\n      cube1.castShadow = true;\r\n      //将网格加入画布\r\n      this.scene.add(cube1);\r\n\r\n      //加入另外一种盒子\r\n      const texture2 = textTureLoader.load(\"/MaterialRack/boxTexture.jpg\");\r\n      //设置盒子纹理\r\n      const material2 = new THREE.MeshBasicMaterial({ map: texture2 });\r\n      const cube2 = new THREE.Mesh(geometry, material2);\r\n      cube2.position.set(5, 0.1, -2.3); //设置mesh3模型对象的xyz坐标为\r\n      cube2.scale.set(0.5, 0.5, 0.5);\r\n      //cube.translateX(120)\r\n      cube2.castShadow = true;\r\n      //将网格加入画布\r\n      this.scene.add(cube2);\r\n\r\n      //轨迹运动\r\n      {\r\n        // 通过类CatmullRomCurve3创建一个3D样条曲线\r\n        //\r\n        var curve = new THREE.CatmullRomCurve3([\r\n          new THREE.Vector3(4, 0.1, -3.3),\r\n          new THREE.Vector3(4.1, 0.1, -2.3),\r\n          new THREE.Vector3(4.2, 0.1, -1.3),\r\n          new THREE.Vector3(4.7, 0.1, -0.3),\r\n          new THREE.Vector3(4, 0.1, 0.7),\r\n          new THREE.Vector3(3.8, 0.1, 1.7),\r\n          new THREE.Vector3(4.3, 0.1, 2.7),\r\n        ]);\r\n        // 样条曲线均匀分割100分，返回51个顶点坐标\r\n        var points = curve.getPoints(100);\r\n        //console.log(\"points\", points); //控制台查看返回的顶点坐标\r\n        var geometry1 = new THREE.BufferGeometry();\r\n        // 把从曲线轨迹上获得的顶点坐标赋值给几何体\r\n        geometry1.setFromPoints(points);\r\n        var materialx1 = new THREE.LineBasicMaterial({\r\n          color: 0x4488ff,\r\n        });\r\n        var line = new THREE.Line(geometry1, materialx1);\r\n        this.scene.add(line);\r\n\r\n        // 通过Threejs的帧动画相关API播放网格模型沿着曲线做动画运动\r\n\r\n        // 声明一个数组用于存储时间序列\r\n        let arr = [];\r\n        for (let i = 0; i < 101; i++) {\r\n          arr.push(i);\r\n        }\r\n        // 生成一个时间序列\r\n        var times = new Float32Array(arr);\r\n\r\n        var posArr = [];\r\n        points.forEach((elem) => {\r\n          posArr.push(elem.x, elem.y, elem.z);\r\n        });\r\n        // 创建一个和时间序列相对应的位置坐标系列\r\n        var values = new Float32Array(posArr);\r\n        // 创建一个帧动画的关键帧数据，曲线上的位置序列对应一个时间序列\r\n        var posTrack = new THREE.KeyframeTrack(\".position\", times, values);\r\n        let duration = 101;\r\n        let clip = new THREE.AnimationClip(\"default\", duration, [posTrack]);\r\n\r\n        //设置要运动的物体对象\r\n        this.mixer = new THREE.AnimationMixer(cube);\r\n        let AnimationAction = this.mixer.clipAction(clip);\r\n        AnimationAction.timeScale = 20;\r\n        AnimationAction.play();\r\n      }\r\n      // 辅助坐标系  参数200表示坐标系大小，可以根据场景大小去设置\r\n      // var axesHelper = new THREE.AxesHelper(200);\r\n      // this.scene.add(axesHelper);\r\n      //必须在对相机的变换进行任何手动更改后调用\r\n      this.controls.update();\r\n      //console.log(\"1\");\r\n      //申明总的总标点位\r\n      var totalboxs = 5 * 13 * 9;\r\n      var positions = [totalboxs];\r\n      //obj导入类\r\n      var mtlLoader = new MTLLoader();\r\n      mtlLoader.load(\"/MaterialRack/rack-2.mtl\", function (materials) {\r\n        materials.preload();\r\n        var objloader = new OBJLoader();\r\n        objloader.setMaterials(materials);\r\n        objloader.load(\"/MaterialRack/rack-2.obj\", function (object) {\r\n          var rowposY = 0;\r\n          var cellposz = -2.888;\r\n          var totalRowx = -3.088;\r\n\r\n          var t_racktotalRow = 5;\r\n          var t_rackCell = 13;\r\n          var t_racksingleRow = 9;\r\n          //缩放比列\r\n          object.scale.set(0.4, 0.4, 0.2);\r\n\r\n          var i = 0;\r\n          //平面总共有多少排 循环排数\r\n          for (\r\n            var i_racktotalRow = 0;\r\n            i_racktotalRow <= t_racktotalRow;\r\n            i_racktotalRow++\r\n          ) {\r\n            //单排有多少列  循环列数\r\n            for (var i_rackCell = 0; i_rackCell <= t_rackCell; i_rackCell++) {\r\n              //单列有多少层  循环层数\r\n              for (\r\n                var i_racksingleRow = 0;\r\n                i_racksingleRow <= t_racksingleRow;\r\n                i_racksingleRow++\r\n              ) {\r\n                //模型的x、y、z轴的位置\r\n                object.position.set(totalRowx, rowposY, cellposz);\r\n                object.castShadow = true;\r\n                var newrack = object.clone();\r\n                //（3）告诉模型哪些需要投射阴影：\r\n\r\n                // this.scene.add(newrack);\r\n                window.that.scene.add(newrack);\r\n                positions[i] = [totalRowx, rowposY, cellposz];\r\n                //console.log(positions[i]);\r\n                i += 1;\r\n                //层间距\r\n                rowposY += 0.4;\r\n              }\r\n\r\n              //单排列间距\r\n              cellposz += 0.5355;\r\n              rowposY = 0;\r\n            }\r\n            //排间距\r\n            totalRowx += 1.303;\r\n            cellposz = -2.888;\r\n          }\r\n\r\n          //根据点位 把箱子加载进去\r\n          var boxid = 0;\r\n          for (var p = 0; p < positions.length; p++) {\r\n            boxid += 1;\r\n\r\n            var randNum = Math.round(Math.random() * 2); // 生成0~1的随机整数\r\n            var newcube = null;\r\n            if (randNum == 0) {\r\n              newcube = cube.clone();\r\n            } else if (randNum == 1) {\r\n              newcube = cube1.clone();\r\n            } else {\r\n              newcube = cube2.clone();\r\n            }\r\n\r\n            newcube.scale.set(0.7, 1, 0.7);\r\n            newcube.ID = boxid;\r\n            var element = positions[p];\r\n            newcube.position.set(element[0], element[1] + 0.2232, element[2]); //设置mesh3模型对象的xyz坐标为\r\n            //将网格加入画布\r\n            // this.scene.add(newcube);\r\n            window.that.scene.add(newcube);\r\n          }\r\n        });\r\n      });\r\n      this.clock = new THREE.Clock(); //声明一个时钟对象 轨迹运动\r\n    },\r\n    createFonts: function () {\r\n      var textLoad = new THREE.FontLoader();\r\n      //加载字体JSON http://gero3.github.io/facetype.js/\r\n      textLoad.load(\"/fonts/STXingkai_Regular.json\", function (font) {\r\n        var txtGeo = new THREE.TextGeometry(\"A-2\", {\r\n          font: font,\r\n          size: 0.7,\r\n          height: 0.1,\r\n          curveSegments: 12,\r\n          bevelEnabled: true,\r\n          bevelThickness: 0.1,\r\n          bevelSize: 0.05,\r\n          bevelSegments: 3,\r\n        });\r\n\r\n        var txtMater = new THREE.MeshBasicMaterial({ color: 0x0000ff });\r\n        var txtMesh = new THREE.Mesh(txtGeo, txtMater);\r\n        txtMesh.position.set(5, 0.7, -3.3);\r\n        window.that.scene.add(txtMesh);\r\n      });\r\n    },\r\n    dramLine: function () {\r\n      //create a blue LineBasicMaterial 创建线的材质\r\n      const materialLine = new THREE.LineBasicMaterial({ color: 0x0000ff });\r\n\r\n      //定义点位\r\n      const points = [];\r\n      points.push(new THREE.Vector3(5, 0.3, -3.3));\r\n      points.push(new THREE.Vector3(5, 0.6, -3.3));\r\n      points.push(new THREE.Vector3(5, 0.9, -3.3));\r\n      //定义好材质之后，我们需要一个带有一些顶点的geometry（几何体）。\r\n      const geometry = new THREE.BufferGeometry().setFromPoints(points);\r\n\r\n      const line = new THREE.Line(geometry, materialLine);\r\n      this.scene.add(line);\r\n      this.renderer.render(this.scene, this.camera);\r\n    },\r\n\r\n    animate: function () {\r\n      requestAnimationFrame(this.animate);\r\n\r\n      //如果controls.enableDamping 或controls.autoRotate 设置为true，则需要\r\n      // this.controls.update();\r\n      this.controls.update();\r\n      this.renderer.render(this.scene, this.camera);\r\n      //旋转场景\r\n      this.scene.rotation.y += 0.0011;\r\n\r\n      // cube1.rotation.x += 0.01;\r\n      //  cube2.rotation.x += 0.01;\r\n      // cube.rotation.y += 0.01;\r\n\r\n      // 更新帧动画的时间 轨迹运动\r\n      this.mixer.update(this.clock.getDelta());\r\n    },\r\n    onWindowResize: function () {\r\n      this.renderer.setSize(window.innerWidth, window.innerHeight);\r\n    },\r\n  },\r\n  //模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作\r\n  mounted() {\r\n    window.that = this;\r\n    this.init();\r\n    //创建字体\r\n    //  this.createFonts();\r\n    this.animate();\r\n    //画线\r\n    this.dramLine();\r\n\r\n    window.addEventListener(\"resize\", () => this.onWindowResize(), false);\r\n  },\r\n};\r\n\r\n// this.scene.rotateY(-1.570796326794896619);\r\n</script>\r\n\r\n","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!./ThreeJS_Products_MaterialRack.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!./ThreeJS_Products_MaterialRack.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThreeJS_Products_MaterialRack.vue?vue&type=template&id=7c4f1284&\"\nimport script from \"./ThreeJS_Products_MaterialRack.vue?vue&type=script&lang=js&\"\nexport * from \"./ThreeJS_Products_MaterialRack.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"host-body\",attrs:{\"id\":\"show_main\"}},[_c('div',{staticClass:\"header\",attrs:{\"id\":\"dv_header\"}},[_c('material-rack-header')],1),_c('div',{attrs:{\"id\":\"dv_hr\"}},[_c('dv-decoration-5',{staticClass:\"dv_hr\"})],1),_c('div',{staticClass:\"left_silde\",attrs:{\"id\":\"left\"}},[_c('left-side',{attrs:{\"req_url\":_vm.url}})],1),_c('div',{staticClass:\"right_silde\"},[_c('right-side',{attrs:{\"req_url\":_vm.materialUrl}})],1),_c('div',{staticClass:\"content\"},[_c('three-material-rack',{attrs:{\"cur_height\":_vm.cur_height}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dv_header_main\"},[_c('div',{staticClass:\"dv_header_left_decoration\"},[_c('dv-decoration-8',{staticStyle:{\"height\":\"50%\"},attrs:{\"color\":['#3f7ff5', '#633cf1']}})],1),_c('dv-decoration-6',{staticClass:\"dv_header_decoration_6\"}),_vm._m(0),_c('dv-decoration-6',{staticClass:\"dv_header_decoration_6\"}),_c('div',{staticClass:\"dv_header_left_decoration\"},[_c('dv-decoration-8',{staticStyle:{\"height\":\"50%\"},attrs:{\"reverse\":true,\"color\":['#3f7ff5', '#633cf1']}})],1)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dv_header_title\"},[_c('h2',{staticStyle:{\"margin\":\"10px\",\"color\":\"white\"}},[_vm._v(\" 智慧物流数字孪生监控系统 \")])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./DataV_Demo_MaterialRack_Header.vue?vue&type=template&id=3f6fdf4b&scoped=true&\"\nvar script = {}\nimport style0 from \"./DataV_Demo_MaterialRack_Header.vue?vue&type=style&index=0&id=3f6fdf4b&scoped=true&lang=css&\"\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  \"3f6fdf4b\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"canvas\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- 画布元素-->\r\n  <div id=\"canvas\"></div>\r\n</template>\r\n<script>\r\nimport Vue from \"vue\";\r\nimport dataV from \"@jiaminghi/data-view\";\r\n\r\nVue.use(dataV);\r\n\r\nimport * as THREE from \"three\"; //3D基础类\r\n//import { OBJLoader } from \"three/examples/jsm/loaders/OBJLoader\"; //导入外部辅组obj模型类\r\nimport { OBJLoader, MTLLoader } from \"three-obj-mtl-loader\";\r\n//xyz对应的坐标轴  红绿蓝 rgb\r\nimport { OrbitControls } from \"three/examples/jsm/controls/OrbitControls\"; //轨道控制器  随着随便放大 缩小\r\n\r\nexport default {\r\n  //变量申明模块\r\n  data() {\r\n    return {\r\n      props: [\"cur_height\"],\r\n      renderer: null, //渲染器\r\n      // loader, //纹理加载器\r\n      scene: null, //场景\r\n      camera: null, //相机\r\n      controls: null, //轨道控制器\r\n      mesh: null, //网格\r\n      meshgroup: null,\r\n      clock: null, //时钟对象 轨迹运动\r\n      mixer: null, //轨迹运动对象\r\n      height: this.cur_height,\r\n    };\r\n  },\r\n  //方法申明模块\r\n  methods: {\r\n    init: function() {\r\n      this.renderer = new THREE.WebGLRenderer({\r\n        //增加下面两个属性，可以抗锯齿\r\n        antialias: true,\r\n        alpha: true,\r\n      });\r\n      /*-- 设置渲染器背景颜色--*/\r\n      //renderer.setClearColor(\"rgb(135,206,250)\", 1.0);\r\n      // this.renderer.setClearColor(\"rgb(241,243,241)\", 1.0);\r\n      //设置渲染器高度与宽度\r\n      this.renderer.setSize(window.innerWidth, window.outerHeight);\r\n      this.renderer.setClearAlpha(0.01);\r\n      //告诉渲染器我需要阴影\r\n      this.renderer.shadowMap.enabled = true;\r\n      //渲染器加入到网页BODY里面去\r\n      //  document.body.appendChild(this.renderer.domElement);\r\n\r\n      let container = document.getElementById(\"canvas\");\r\n      container.appendChild(this.renderer.domElement);\r\n      //场景\r\n      this.scene = new THREE.Scene();\r\n      let loader = new THREE.TextureLoader();\r\n      let bgTexture = loader.load(\"/comom/bluebg1.png\");\r\n\r\n      this.scene.background = bgTexture;\r\n\r\n      //相机\r\n      this.camera = new THREE.PerspectiveCamera(\r\n        75,\r\n        window.innerWidth / window.outerHeight,\r\n        0.1,\r\n        1000\r\n      );\r\n      //相机的位置\r\n      this.camera.position.x = 0;\r\n      //设置相机的高度\r\n      this.camera.position.y = 2.7795;\r\n      //设置相机的相对于看到的距离\r\n      this.camera.position.z = 10;\r\n      //实例化轨道控制器 必须实例化在 相机和渲染器后面\r\n      this.controls = new OrbitControls(this.camera, this.renderer.domElement);\r\n\r\n      // 创建一个矩形平面几何体，宽度100，长度200\r\n      var plane = new THREE.PlaneGeometry(11, 11);\r\n\r\n      let texturefloor = loader.load(\"/MaterialRack/floor.jpg\");\r\n\r\n      var materialplan = new THREE.MeshPhongMaterial({\r\n        // 矩形平面网格模型默认单面显示，可以设置side属性值为THREE.DoubleSide双面显示\r\n        side: THREE.DoubleSide,\r\n        map: texturefloor,\r\n      });\r\n      //平面出来 默认是水平面 需要向X轴 旋转弧度\r\n      plane.rotateX(-1.570796);\r\n      //（4）最后告诉最底下的平面长方形你要接受阴影：\r\n      plane.receiveShadow = true;\r\n\r\n      this.mesh = new THREE.Mesh(plane, materialplan);\r\n      this.scene.add(this.mesh);\r\n      //加入光源\r\n      var pointLight = new THREE.PointLight(\"#ffffff\");\r\n      //光源坐标\r\n      pointLight.position.set(0, 10, 10);\r\n      //2、告诉灯光，我需要阴影：\r\n      pointLight.castShadow = true;\r\n\r\n      this.scene.add(pointLight);\r\n      //实例化一个正方体盒子  长宽高\r\n      const geometry = new THREE.BoxGeometry(0.5, 0.3, 0.5);\r\n      const textTureLoader = new THREE.TextureLoader();\r\n      const textTure = textTureLoader.load(\"/MaterialRack/box2.jpg\");\r\n      //设置盒子纹理\r\n      const material = new THREE.MeshBasicMaterial({ map: textTure });\r\n\r\n      //将盒子与纹理加入网格模型对象\r\n      const cube = new THREE.Mesh(geometry, material);\r\n      cube.position.set(4, 0.1, -3.3); //设置mesh3模型对象的xyz坐标为\r\n      cube.scale.set(0.5, 0.5, 0.5);\r\n      //cube.translateX(120)\r\n      cube.castShadow = true;\r\n      //将网格加入画布\r\n      this.scene.add(cube);\r\n\r\n      //加入另外一种盒子\r\n      const texture1 = textTureLoader.load(\"/MaterialRack/box.jpg\");\r\n      //设置盒子纹理\r\n      const material1 = new THREE.MeshBasicMaterial({ map: texture1 });\r\n      const cube1 = new THREE.Mesh(geometry, material1);\r\n      cube1.position.set(5, 0.1, -3.3); //设置mesh3模型对象的xyz坐标为\r\n      cube1.scale.set(0.5, 0.5, 0.5);\r\n      //cube.translateX(120)\r\n      cube1.castShadow = true;\r\n      //将网格加入画布\r\n      this.scene.add(cube1);\r\n\r\n      //加入另外一种盒子\r\n      const texture2 = textTureLoader.load(\"/MaterialRack/boxTexture.jpg\");\r\n      //设置盒子纹理\r\n      const material2 = new THREE.MeshBasicMaterial({ map: texture2 });\r\n      const cube2 = new THREE.Mesh(geometry, material2);\r\n      cube2.position.set(5, 0.1, -2.3); //设置mesh3模型对象的xyz坐标为\r\n      cube2.scale.set(0.5, 0.5, 0.5);\r\n      //cube.translateX(120)\r\n      cube2.castShadow = true;\r\n      //将网格加入画布\r\n      this.scene.add(cube2);\r\n\r\n      //轨迹运动\r\n      {\r\n        // 通过类CatmullRomCurve3创建一个3D样条曲线\r\n        //\r\n        var curve = new THREE.CatmullRomCurve3([\r\n          new THREE.Vector3(4, 0.1, -3.3),\r\n          new THREE.Vector3(4.1, 0.1, -2.3),\r\n          new THREE.Vector3(4.2, 0.1, -1.3),\r\n          new THREE.Vector3(4.7, 0.1, -0.3),\r\n          new THREE.Vector3(4, 0.1, 0.7),\r\n          new THREE.Vector3(3.8, 0.1, 1.7),\r\n          new THREE.Vector3(4.3, 0.1, 2.7),\r\n        ]);\r\n        // 样条曲线均匀分割100分，返回51个顶点坐标\r\n        var points = curve.getPoints(100);\r\n        //console.log(\"points\", points); //控制台查看返回的顶点坐标\r\n        var geometry1 = new THREE.BufferGeometry();\r\n        // 把从曲线轨迹上获得的顶点坐标赋值给几何体\r\n        geometry1.setFromPoints(points);\r\n        var materialx1 = new THREE.LineBasicMaterial({\r\n          color: 0x4488ff,\r\n        });\r\n        var line = new THREE.Line(geometry1, materialx1);\r\n        this.scene.add(line);\r\n\r\n        // 通过Threejs的帧动画相关API播放网格模型沿着曲线做动画运动\r\n\r\n        // 声明一个数组用于存储时间序列\r\n        let arr = [];\r\n        for (let i = 0; i < 101; i++) {\r\n          arr.push(i);\r\n        }\r\n        // 生成一个时间序列\r\n        var times = new Float32Array(arr);\r\n\r\n        var posArr = [];\r\n        points.forEach((elem) => {\r\n          posArr.push(elem.x, elem.y, elem.z);\r\n        });\r\n        // 创建一个和时间序列相对应的位置坐标系列\r\n        var values = new Float32Array(posArr);\r\n        // 创建一个帧动画的关键帧数据，曲线上的位置序列对应一个时间序列\r\n        var posTrack = new THREE.KeyframeTrack(\".position\", times, values);\r\n        let duration = 101;\r\n        let clip = new THREE.AnimationClip(\"default\", duration, [posTrack]);\r\n\r\n        //设置要运动的物体对象\r\n        this.mixer = new THREE.AnimationMixer(cube);\r\n        let AnimationAction = this.mixer.clipAction(clip);\r\n        AnimationAction.timeScale = 20;\r\n        AnimationAction.play();\r\n      }\r\n      // 辅助坐标系  参数200表示坐标系大小，可以根据场景大小去设置\r\n      // var axesHelper = new THREE.AxesHelper(200);\r\n      // this.scene.add(axesHelper);\r\n      //必须在对相机的变换进行任何手动更改后调用\r\n      this.controls.update();\r\n      //console.log(\"1\");\r\n      //申明总的总标点位\r\n      var totalboxs = 5 * 13 * 9;\r\n      var positions = [totalboxs];\r\n      //obj导入类\r\n      var mtlLoader = new MTLLoader();\r\n      mtlLoader.load(\"/MaterialRack/rack-2.mtl\", function(materials) {\r\n        materials.preload();\r\n        var objloader = new OBJLoader();\r\n        objloader.setMaterials(materials);\r\n        objloader.load(\"/MaterialRack/rack-2.obj\", function(object) {\r\n          var rowposY = 0;\r\n          var cellposz = -2.888;\r\n          var totalRowx = -3.088;\r\n\r\n          var t_racktotalRow = 5;\r\n          var t_rackCell = 13;\r\n          var t_racksingleRow = 9;\r\n          //缩放比列\r\n          object.scale.set(0.4, 0.4, 0.2);\r\n\r\n          var i = 0;\r\n          //平面总共有多少排 循环排数\r\n          for (\r\n            var i_racktotalRow = 0;\r\n            i_racktotalRow <= t_racktotalRow;\r\n            i_racktotalRow++\r\n          ) {\r\n            //单排有多少列  循环列数\r\n            for (var i_rackCell = 0; i_rackCell <= t_rackCell; i_rackCell++) {\r\n              //单列有多少层  循环层数\r\n              for (\r\n                var i_racksingleRow = 0;\r\n                i_racksingleRow <= t_racksingleRow;\r\n                i_racksingleRow++\r\n              ) {\r\n                //模型的x、y、z轴的位置\r\n                object.position.set(totalRowx, rowposY, cellposz);\r\n                object.castShadow = true;\r\n                var newrack = object.clone();\r\n                //（3）告诉模型哪些需要投射阴影：\r\n\r\n                // this.scene.add(newrack);\r\n                window.that.scene.add(newrack);\r\n                positions[i] = [totalRowx, rowposY, cellposz];\r\n                //console.log(positions[i]);\r\n                i += 1;\r\n                //层间距\r\n                rowposY += 0.4;\r\n              }\r\n\r\n              //单排列间距\r\n              cellposz += 0.5355;\r\n              rowposY = 0;\r\n            }\r\n            //排间距\r\n            totalRowx += 1.303;\r\n            cellposz = -2.888;\r\n          }\r\n\r\n          //根据点位 把箱子加载进去\r\n          var boxid = 0;\r\n          for (var p = 0; p < positions.length; p++) {\r\n            boxid += 1;\r\n\r\n            var randNum = Math.round(Math.random() * 2); // 生成0~1的随机整数\r\n            var newcube = null;\r\n            if (randNum == 0) {\r\n              newcube = cube.clone();\r\n            } else if (randNum == 1) {\r\n              newcube = cube1.clone();\r\n            } else {\r\n              newcube = cube2.clone();\r\n            }\r\n\r\n            newcube.scale.set(0.7, 1, 0.7);\r\n            newcube.ID = boxid;\r\n            var element = positions[p];\r\n            newcube.position.set(element[0], element[1] + 0.2232, element[2]); //设置mesh3模型对象的xyz坐标为\r\n            //将网格加入画布\r\n            // this.scene.add(newcube);\r\n            window.that.scene.add(newcube);\r\n          }\r\n        });\r\n      });\r\n      this.clock = new THREE.Clock(); //声明一个时钟对象 轨迹运动\r\n    },\r\n    createFonts: function() {\r\n      var textLoad = new THREE.FontLoader();\r\n      //加载字体JSON http://gero3.github.io/facetype.js/\r\n      textLoad.load(\"/fonts/STXingkai_Regular.json\", function(font) {\r\n        var txtGeo = new THREE.TextGeometry(\"A-2\", {\r\n          font: font,\r\n          size: 0.7,\r\n          height: 0.1,\r\n          curveSegments: 12,\r\n          bevelEnabled: true,\r\n          bevelThickness: 0.1,\r\n          bevelSize: 0.05,\r\n          bevelSegments: 3,\r\n        });\r\n\r\n        var txtMater = new THREE.MeshBasicMaterial({ color: 0x0000ff });\r\n        var txtMesh = new THREE.Mesh(txtGeo, txtMater);\r\n        txtMesh.position.set(5, 0.7, -3.3);\r\n        window.that.scene.add(txtMesh);\r\n      });\r\n    },\r\n    dramLine: function() {\r\n      //create a blue LineBasicMaterial 创建线的材质\r\n      const materialLine = new THREE.LineBasicMaterial({ color: 0x0000ff });\r\n\r\n      //定义点位\r\n      const points = [];\r\n      points.push(new THREE.Vector3(5, 0.3, -3.3));\r\n      points.push(new THREE.Vector3(5, 0.6, -3.3));\r\n      points.push(new THREE.Vector3(5, 0.9, -3.3));\r\n      //定义好材质之后，我们需要一个带有一些顶点的geometry（几何体）。\r\n      const geometry = new THREE.BufferGeometry().setFromPoints(points);\r\n\r\n      const line = new THREE.Line(geometry, materialLine);\r\n      this.scene.add(line);\r\n      this.renderer.render(this.scene, this.camera);\r\n    },\r\n\r\n    animate: function() {\r\n      requestAnimationFrame(this.animate);\r\n\r\n      //如果controls.enableDamping 或controls.autoRotate 设置为true，则需要\r\n      // this.controls.update();\r\n      this.controls.update();\r\n      this.renderer.render(this.scene, this.camera);\r\n      //旋转场景\r\n      this.scene.rotation.y += 0.0011;\r\n\r\n      // cube1.rotation.x += 0.01;\r\n      //  cube2.rotation.x += 0.01;\r\n      // cube.rotation.y += 0.01;\r\n\r\n      // 更新帧动画的时间 轨迹运动\r\n      this.mixer.update(this.clock.getDelta());\r\n    },\r\n    onWindowResize: function() {\r\n      this.height = this.getCurrHeight();\r\n      this.renderer.setSize(window.innerWidth, this.height);\r\n    },\r\n    getCurrHeight: function() {\r\n      let left = document.getElementById(\"left\"),\r\n        header = document.getElementById(\"dv_header\"),\r\n        hr = document.getElementById(\"dv_hr\"),\r\n        win_height = window.innerHeight,\r\n        dv_height = left.clientHeight + header.clientHeight + hr.clientHeight;\r\n\r\n      if (win_height > dv_height) {\r\n        return win_height;\r\n      } else {\r\n        return dv_height;\r\n      }\r\n    },\r\n  },\r\n  //模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作\r\n  mounted() {\r\n    console.log(\"start\");\r\n    console.log(this.height);\r\n    window.that = this;\r\n    this.init();\r\n    //创建字体\r\n    //  this.createFonts();\r\n    this.animate();\r\n    //画线\r\n    this.dramLine();\r\n\r\n    window.addEventListener(\"resize\", () => this.onWindowResize(), false);\r\n  },\r\n};\r\n\r\n// this.scene.rotateY(-1.570796326794896619);\r\n</script>\r\n","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!./ThreeJS_Products_MaterialRack_WithoutBg.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!./ThreeJS_Products_MaterialRack_WithoutBg.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThreeJS_Products_MaterialRack_WithoutBg.vue?vue&type=template&id=29d60f60&\"\nimport script from \"./ThreeJS_Products_MaterialRack_WithoutBg.vue?vue&type=script&lang=js&\"\nexport * from \"./ThreeJS_Products_MaterialRack_WithoutBg.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"chart_main\"},[_c('dv-border-box-10',{staticClass:\"border_box10\"},[_c('div',{staticClass:\"dv_title\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"货物分布信息\")]),_c('div',[_c('dv-decoration-3',{key:_vm.key,staticClass:\"title_line\"})],1)]),_c('div',{staticClass:\"dv_ring_chart\"},[_c('dv-active-ring-chart',{key:_vm.key1,staticClass:\"ring_chart\",attrs:{\"config\":_vm.config1}})],1),_c('div',[_c('dv-decoration-4',{key:_vm.key3,staticStyle:{\"width\":\"100%\",\"height\":\"5px\"},attrs:{\"reverse\":true}})],1),_c('div',{staticClass:\"dv_title\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"货物区域分布\")]),_c('div',[_c('dv-decoration-3',{key:_vm.key4,staticClass:\"title_line\"})],1)]),_c('div',{staticClass:\"dv_capsule_chart\"},[_c('dv-capsule-chart',{key:_vm.key5,staticStyle:{\"width\":\"100%\",\"height\":\"400px\"},attrs:{\"config\":_vm.config2}})],1),_c('div',[_c('dv-decoration-4',{key:_vm.key6,staticStyle:{\"width\":\"100%\",\"height\":\"5px\"},attrs:{\"reverse\":true}})],1),_c('div',{staticClass:\"dv_title\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"货物出入库记录\")]),_c('div',[_c('dv-decoration-3',{key:_vm.key7,staticClass:\"title_line\"})],1)]),_c('div',{staticClass:\"dv_table\"},[_c('dv-scroll-board',{key:_vm.key8,staticClass:\"scroll_board\",attrs:{\"config\":_vm.config3}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"chart_main\">\r\n    <dv-border-box-10 class=\"border_box10\">\r\n      <div class=\"dv_title\">\r\n        <div class=\"title\">货物分布信息</div>\r\n        <div><dv-decoration-3 :key=\"key\" class=\"title_line\" /></div>\r\n      </div>\r\n      <div class=\"dv_ring_chart\">\r\n        <dv-active-ring-chart\r\n          :config=\"config1\"\r\n          :key=\"key1\"\r\n          class=\"ring_chart\"\r\n        />\r\n      </div>\r\n      <div>\r\n        <dv-decoration-4\r\n          :reverse=\"true\"\r\n          :key=\"key3\"\r\n          style=\"width:100%;height:5px;\"\r\n        />\r\n      </div>\r\n      <div class=\"dv_title\">\r\n        <div class=\"title\">货物区域分布</div>\r\n        <div><dv-decoration-3 :key=\"key4\" class=\"title_line\" /></div>\r\n      </div>\r\n      <div class=\"dv_capsule_chart\">\r\n        <dv-capsule-chart\r\n          :config=\"config2\"\r\n          :key=\"key5\"\r\n          style=\"width:100%;height:400px\"\r\n        />\r\n      </div>\r\n      <div>\r\n        <dv-decoration-4\r\n          :reverse=\"true\"\r\n          :key=\"key6\"\r\n          style=\"width:100%;height:5px;\"\r\n        />\r\n      </div>\r\n      <div class=\"dv_title\">\r\n        <div class=\"title\">货物出入库记录</div>\r\n        <div><dv-decoration-3 :key=\"key7\" class=\"title_line\" /></div>\r\n      </div>\r\n      <div class=\"dv_table\">\r\n        <dv-scroll-board\r\n          :config=\"config3\"\r\n          :key=\"key8\"\r\n          class=\"scroll_board\"\r\n          style=\"\"\r\n        />\r\n      </div>\r\n    </dv-border-box-10>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vue from \"vue\";\r\nimport dataV from \"@jiaminghi/data-view\";\r\n\r\nvue.use(dataV);\r\n\r\nexport default {\r\n  props: [\"req_url\"],\r\n  name: \"DataVChart\",\r\n  data() {\r\n    return {\r\n      key: 1,\r\n      key1: 1,\r\n      key2: 1,\r\n      key3: 1,\r\n      key4: 1,\r\n      key5: 1,\r\n      key6: 1,\r\n      key7: 1,\r\n      key8: 1,\r\n      config1: {\r\n        data: [\r\n          {\r\n            name: \"周口\",\r\n            value: 55,\r\n          },\r\n          {\r\n            name: \"南阳\",\r\n            value: 120,\r\n          },\r\n          {\r\n            name: \"西峡\",\r\n            value: 78,\r\n          },\r\n          {\r\n            name: \"驻马店\",\r\n            value: 66,\r\n          },\r\n          {\r\n            name: \"新乡\",\r\n            value: 80,\r\n          },\r\n        ],\r\n      },\r\n      config2: {\r\n        data: [\r\n          {\r\n            name: \"南阳\",\r\n            value: 167,\r\n          },\r\n          {\r\n            name: \"周口\",\r\n            value: 123,\r\n          },\r\n          {\r\n            name: \"漯河\",\r\n            value: 98,\r\n          },\r\n          {\r\n            name: \"郑州\",\r\n            value: 75,\r\n          },\r\n          {\r\n            name: \"西峡\",\r\n            value: 66,\r\n          },\r\n          {\r\n            name: \"湖州\",\r\n            value: 60,\r\n          },\r\n          {\r\n            name: \"江苏\",\r\n            value: 86,\r\n          },\r\n          {\r\n            name: \"义乌\",\r\n            value: 136,\r\n          },\r\n          {\r\n            name: \"上海\",\r\n            value: 46,\r\n          },\r\n        ],\r\n        colors: [\"#e062ae\", \"#fb7293\", \"#e690d1\", \"#32c5e9\", \"#96bfff\"],\r\n        unit: \"吨\",\r\n        showValue: true,\r\n      },\r\n      config3: {\r\n        header: [\"列1\", \"列2\", \"列3\"],\r\n        data: [\r\n          [\"行1列1\", \"行1列2\", \"行1列3\"],\r\n          [\"行2列1\", \"行2列2\", \"行2列3\"],\r\n          [\"行3列1\", \"行3列2\", \"行3列3\"],\r\n          [\"行4列1\", \"行4列2\", \"行4列3\"],\r\n          [\"行5列1\", \"行5列2\", \"行5列3\"],\r\n          [\"行6列1\", \"行6列2\", \"行6列3\"],\r\n          [\"行7列1\", \"行7列2\", \"行7列3\"],\r\n          [\"行8列1\", \"行8列2\", \"行8列3\"],\r\n          [\"行9列1\", \"行9列2\", \"行9列3\"],\r\n          [\"行10列1\", \"行10列2\", \"行10列3\"],\r\n        ],\r\n        index: true,\r\n        rowNum: 7,\r\n        indexHeader: \"序号\",\r\n        columnWidth: [50],\r\n        align: [\"center\"],\r\n      },\r\n      config4: {\r\n        number: [127],\r\n        content: \"{nt}吨\",\r\n      },\r\n      config5: {\r\n        header: [\"时间\", \"类型\", \"数量\"],\r\n        rowNum: 7,\r\n        headerBGC: \"#494fb3\",\r\n        align: [\"center\", \"center\", \"center\"],\r\n        data: [\r\n          [\"2021/1/1\", \"入库\", \"30吨\"],\r\n          [\"2021/1/1\", \"入库\", \"32吨\"],\r\n          [\"2021/1/1\", \"出库\", \"28吨\"],\r\n          [\"2021/1/1\", \"出库\", \"20吨\"],\r\n          [\"2021/1/3\", \"入库\", \"27吨\"],\r\n          [\"2021/1/3\", \"出库\", \"27吨\"],\r\n          [\"2021/1/3\", \"入库\", \"24吨\"],\r\n          [\"2021/1/3\", \"出库\", \"2吨\"],\r\n          [\"2021/1/3\", \"入库\", \"27吨\"],\r\n          [\"2021/1/3\", \"出库\", \"21吨\"],\r\n        ],\r\n      },\r\n      dataVData: null,\r\n      url: this.req_url,\r\n      domWidth: 0,\r\n      domHeight: 0,\r\n      currBorderWidth: 0,\r\n      currBorderHeight: 0,\r\n    };\r\n  },\r\n  mounted() {\r\n    window.addEventListener(\"resize\", () => this.onWindowResize(), false);\r\n  },\r\n  methods: {\r\n    onWindowResize: function() {\r\n      this.key += 1;\r\n      this.key1 += 1;\r\n      this.key2 += 1;\r\n      this.key3 += 1;\r\n      this.key4 += 1;\r\n      this.key5 += 1;\r\n      this.key6 += 1;\r\n      this.key7 += 1;\r\n      this.key8 += 1;\r\n\r\n      this.$nextTick;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.dv_table {\r\n  padding-top: 10px;\r\n  padding-bottom: 10px;\r\n}\r\n.scroll_board {\r\n  width: 85%;\r\n  height: 420px;\r\n  margin: auto;\r\n}\r\n\r\n.dv_capsule_chart {\r\n  width: 85%;\r\n  margin: auto;\r\n}\r\n\r\n.ring_chart {\r\n  width: 12vw;\r\n  height: 21vh;\r\n  margin: auto;\r\n}\r\n\r\n.dv_ring_chart {\r\n  width: 100%;\r\n}\r\n\r\n.dv_title {\r\n  padding-top: 10px;\r\n  padding-left: 20px;\r\n}\r\n\r\n.title_line {\r\n  width: 95%;\r\n  height: 30px;\r\n}\r\n\r\n.title {\r\n  font-size: 18px;\r\n}\r\n\r\n.chart_main {\r\n  width: 100%;\r\n  color: rgb(252, 243, 243);\r\n}\r\n\r\n@media screen and (max-width: 1300px) {\r\n  .title {\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1000px) {\r\n  .title {\r\n    font-size: 14px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 800px) {\r\n  .title {\r\n    font-size: 12px;\r\n  }\r\n}\r\n</style>\r\n","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!./DataV_Demo_MaterialRack_Left_Side_New.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!./DataV_Demo_MaterialRack_Left_Side_New.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataV_Demo_MaterialRack_Left_Side_New.vue?vue&type=template&id=957f4096&scoped=true&\"\nimport script from \"./DataV_Demo_MaterialRack_Left_Side_New.vue?vue&type=script&lang=js&\"\nexport * from \"./DataV_Demo_MaterialRack_Left_Side_New.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataV_Demo_MaterialRack_Left_Side_New.vue?vue&type=style&index=0&id=957f4096&scoped=true&lang=css&\"\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  \"957f4096\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"right_main\"},[_c('dv-border-box-7',{staticClass:\"border_material\"},[_c('el-row',{staticClass:\"row_title\"},[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',[_c('dv-decoration-7',{staticClass:\"decoration_7\"},[_vm._v(\"料架信息\")])],1)])])],1),_c('el-row',[_c('el-col',{staticStyle:{\"text-align\":\"center\"},attrs:{\"span\":24}},[_c('h3',[_vm._v(\"料架库存\")])])],1),_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticStyle:{\"width\":\"150px\",\"margin\":\"auto\"}},[_c('dv-decoration-9',{staticStyle:{\"width\":\"150px\",\"height\":\"150px\"}},[_vm._v(_vm._s(_vm.materialTitle))])],1)])],1),_c('el-row',[_c('el-row',{staticStyle:{\"text-align\":\"center\"}},[_c('el-col',{attrs:{\"span\":12,\"offset\":0}},[_c('h3',[_vm._v(\"入库比例\")])]),_c('el-col',{attrs:{\"span\":12,\"offset\":0}},[_c('h3',[_vm._v(\"出库比例\")])])],1)],1),_c('el-row',[_c('el-row',[_c('el-col',{attrs:{\"span\":12,\"offset\":0}},[_c('dv-water-level-pond',{staticClass:\"water_level_pond\",attrs:{\"config\":_vm.config2}})],1),_c('el-col',{attrs:{\"span\":12,\"offset\":0}},[_c('dv-water-level-pond',{staticClass:\"water_level_pond\",attrs:{\"config\":_vm.config3}})],1)],1)],1),_c('el-row',{staticClass:\"row_title\"},[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',[_c('dv-decoration-7',{staticClass:\"decoration_7\"},[_vm._v(\"出库走势\")])],1)])])],1),_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('dv-conical-column-chart',{staticStyle:{\"width\":\"400px\",\"height\":\"200px\"},attrs:{\"config\":_vm.config}})],1)],1),_c('el-row',{staticClass:\"row_title\"},[_c('el-col',{attrs:{\"span\":24}},[_c('div',{staticStyle:{\"display\":\"flex\"}},[_c('div',[_c('dv-decoration-7',{staticClass:\"decoration_7\"},[_vm._v(\"入库走势\")])],1)])])],1),_c('el-row',[_c('el-col',{attrs:{\"span\":24}},[_c('dv-conical-column-chart',{staticStyle:{\"width\":\"400px\",\"height\":\"200px\"},attrs:{\"config\":_vm.config1}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"right_main\">\r\n    <dv-border-box-7 class=\"border_material\">\r\n      <el-row class=\"row_title\">\r\n        <el-col :span=\"24\">\r\n          <div style=\"display:flex;\">\r\n            <div>\r\n              <dv-decoration-7 class=\"decoration_7\">料架信息</dv-decoration-7>\r\n            </div>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n      <el-row>\r\n        <el-col :span=\"24\" style=\"text-align: center;\">\r\n          <h3>料架库存</h3>\r\n        </el-col>\r\n      </el-row>\r\n      <el-row>\r\n        <el-col :span=\"24\">\r\n          <div style=\"width:150px;margin: auto;\">\r\n            <dv-decoration-9 style=\"width:150px;height:150px;\">{{\r\n              materialTitle\r\n            }}</dv-decoration-9>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n      <el-row>\r\n        <el-row style=\"text-align: center;\">\r\n          <el-col :span=\"12\" :offset=\"0\"><h3>入库比例</h3></el-col>\r\n          <el-col :span=\"12\" :offset=\"0\"><h3>出库比例</h3></el-col>\r\n        </el-row>\r\n      </el-row>\r\n      <el-row>\r\n        <el-row>\r\n          <el-col :span=\"12\" :offset=\"0\"\r\n            ><dv-water-level-pond class=\"water_level_pond\" :config=\"config2\" />\r\n          </el-col>\r\n          <el-col :span=\"12\" :offset=\"0\"\r\n            ><dv-water-level-pond class=\"water_level_pond\" :config=\"config3\"\r\n          /></el-col>\r\n        </el-row>\r\n      </el-row>\r\n      <el-row class=\"row_title\">\r\n        <el-col :span=\"24\">\r\n          <div style=\"display:flex;\">\r\n            <div>\r\n              <dv-decoration-7 class=\"decoration_7\">出库走势</dv-decoration-7>\r\n            </div>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n      <el-row>\r\n        <el-col :span=\"24\">\r\n          <dv-conical-column-chart\r\n            :config=\"config\"\r\n            style=\"width:400px;height:200px;\"\r\n          />\r\n        </el-col>\r\n      </el-row>\r\n      <el-row class=\"row_title\">\r\n        <el-col :span=\"24\">\r\n          <div style=\"display:flex;\">\r\n            <div>\r\n              <dv-decoration-7 class=\"decoration_7\">入库走势</dv-decoration-7>\r\n            </div>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n      <el-row>\r\n        <el-col :span=\"24\">\r\n          <dv-conical-column-chart\r\n            :config=\"config1\"\r\n            style=\"width:400px;height:200px;\"\r\n          />\r\n        </el-col>\r\n      </el-row>\r\n    </dv-border-box-7>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vue from \"vue\";\r\nimport axios from \"axios\";\r\nimport dataV from \"@jiaminghi/data-view\";\r\nvue.use(dataV);\r\n\r\nexport default {\r\n  props: [\"req_url\"],\r\n  name: \"DataVChart1\",\r\n  data() {\r\n    return {\r\n      config: null,\r\n      config1: null,\r\n      config2: null,\r\n      config3: null,\r\n      dataVData: null,\r\n      materialTitle: \"\",\r\n      url: this.req_url,\r\n    };\r\n  },\r\n  mounted() {\r\n    axios.get(this.url).then((response) => {\r\n      //console.log(response.data.data);\r\n      this.dataVData = JSON.parse(response.data.data);\r\n      this.materialTitle = this.dataVData.materialTotalData;\r\n      this.config2 = this.dataVData.inputMaterial;\r\n      this.config3 = this.dataVData.outputMaterial;\r\n    });\r\n  },\r\n  methods: {},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.water_level_pond {\r\n  width: 150px;\r\n  height: 200px;\r\n  margin: auto;\r\n}\r\n\r\n.decoration_7 {\r\n  width: 150px;\r\n  height: 30px;\r\n}\r\n\r\n.row_title {\r\n  padding: 10px 0px;\r\n}\r\n\r\n.border_space {\r\n  margin-top: 15px;\r\n}\r\n\r\n.border_material {\r\n  padding-bottom: 20px;\r\n}\r\n\r\n.right_main {\r\n  width: 100%;\r\n  color: white;\r\n  min-width: 300px;\r\n}\r\n</style>\r\n","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!./DataV-Demo_MaterialRack_Right_Side.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!./DataV-Demo_MaterialRack_Right_Side.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataV-Demo_MaterialRack_Right_Side.vue?vue&type=template&id=ff280aa4&scoped=true&\"\nimport script from \"./DataV-Demo_MaterialRack_Right_Side.vue?vue&type=script&lang=js&\"\nexport * from \"./DataV-Demo_MaterialRack_Right_Side.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataV-Demo_MaterialRack_Right_Side.vue?vue&type=style&index=0&id=ff280aa4&scoped=true&lang=css&\"\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  \"ff280aa4\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"show_main\" class=\"host-body\">\r\n    <div id=\"dv_header\" class=\"header\">\r\n      <material-rack-header></material-rack-header>\r\n    </div>\r\n    <div id=\"dv_hr\">\r\n      <dv-decoration-5 class=\"dv_hr\" />\r\n    </div>\r\n    <div id=\"left\" class=\"left_silde\">\r\n      <left-side :req_url=\"url\"></left-side>\r\n    </div>\r\n    <div class=\"right_silde\">\r\n      <right-side :req_url=\"materialUrl\"></right-side>\r\n    </div>\r\n    <div class=\"content\">\r\n      <three-material-rack :cur_height=\"cur_height\"> </three-material-rack>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport DataV from \"@jiaminghi/data-view\";\r\nimport MaterialRackHeader from \"./DataV_Demo_MaterialRack_Header.vue\";\r\nimport ThreeMaterialRack from \"../../ThreeJS/ThreeJS_Products_MaterialRack_WithoutBg.vue\";\r\nimport LeftSide from \"./DataV_Demo_MaterialRack_Left_Side_New.vue\";\r\n//import LeftSide from \"./DataV_Demo_MaterialRack_Number.vue\";\r\nimport RightSide from \"./DataV-Demo_MaterialRack_Right_Side.vue\";\r\nimport ElementUI from \"element-ui\";\r\nimport \"element-ui/lib/theme-chalk/index.css\";\r\n\r\nVue.use(DataV);\r\nVue.use(ElementUI);\r\n\r\nexport default {\r\n  components: {\r\n    MaterialRackHeader,\r\n    ThreeMaterialRack,\r\n    LeftSide,\r\n    RightSide,\r\n  },\r\n  data() {\r\n    return {\r\n      cur_height: 1000,\r\n      url:\r\n        \"http://119.84.87.151:8082/Api/DataVSource/GetDataV?type=GetMaterialStockInfo\",\r\n      materialUrl:\r\n        \"http://119.84.87.151:8082/Api/DataVSource/GetDataV?type=MaterialMonitorInfo\",\r\n      materialTrendUrl:\r\n        \"http://119.84.87.151:8082/Api/DataVSource/GetDataV?type=MaterialTrend\",\r\n    };\r\n  },\r\n  beforeMount() {\r\n  },\r\n  mounted() {\r\n    this.cur_height=this.getCurrHeight();\r\n    window.addEventListener(\"resize\", () => this.onWindowResize(), false);\r\n  },\r\n  methods: {\r\n    getCurrHeight: function() {\r\n      let left = document.getElementById(\"left\"),\r\n        header = document.getElementById(\"dv_header\"),\r\n        hr = document.getElementById(\"dv_hr\");\r\n\r\n      return left.clientHeight + header.clientHeight + hr.clientHeight;\r\n    },\r\n    onWindowResize: function() {\r\n      this.cur_height = this.getCurrHeight();\r\n      console.log(this.cur_height);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.dv_hr {\r\n  width: 100%;\r\n  height: 40px;\r\n  position: absolute;\r\n  top: 50px;\r\n  z-index: 10;\r\n}\r\n\r\n.bg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.host-body {\r\n  flex: 1;\r\n  flex-direction: column;\r\n  justify-content: space-around;\r\n}\r\n\r\n.header {\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 80px;\r\n  flex: 2;\r\n  z-index: 10;\r\n}\r\n\r\n.left_silde {\r\n  width: 18%;\r\n  position: absolute;\r\n  z-index: 10;\r\n  top: 8%;\r\n}\r\n\r\n.right_silde {\r\n  width: 18%;\r\n  position: absolute;\r\n  z-index: 10;\r\n  top: 8%;\r\n  right: 5px;\r\n}\r\n\r\n.content {\r\n  position: absolute;\r\n  flex: 2;\r\n  width: 99%;\r\n  height: calc(100% - 80px);\r\n}\r\n</style>\r\n","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!./DataV_Demos_MaterialRack.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!./DataV_Demos_MaterialRack.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataV_Demos_MaterialRack.vue?vue&type=template&id=58051d20&scoped=true&\"\nimport script from \"./DataV_Demos_MaterialRack.vue?vue&type=script&lang=js&\"\nexport * from \"./DataV_Demos_MaterialRack.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataV_Demos_MaterialRack.vue?vue&type=style&index=0&id=58051d20&scoped=true&lang=css&\"\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  \"58051d20\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"container\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"," <template>\r\n  <!-- 画布元素-->\r\n  <div id=\"container\"></div>\r\n</template>\r\n <script>\r\nimport * as THREE from \"three\"; //3D基础类\r\nimport { OBJLoader } from \"three/examples/jsm/loaders/OBJLoader\"; //导入外部辅组obj模型类\r\n\r\n//xyz对应的坐标轴  红绿蓝 rgb\r\nimport { OrbitControls } from \"three/examples/jsm/controls/OrbitControls\"; //轨道控制器  随着随便放大 缩小\r\n\r\nexport default {\r\n  //变量申明模块\r\n  data() {\r\n    return {\r\n      renderer: null, //渲染器\r\n      // loader, //纹理加载器\r\n      scene: null, //场景\r\n      camera: null, //相机\r\n      controls: null, //轨道控制器\r\n      mesh: null, //网格\r\n      meshgroup: null,\r\n    };\r\n  },\r\n  //方法申明模块\r\n  methods: {\r\n    init: function () {\r\n      //渲染器\r\n      this.renderer = new THREE.WebGLRenderer({\r\n        //增加下面两个属性，可以抗锯齿\r\n        antialias: true,\r\n        alpha: true,\r\n      });\r\n\r\n      /*-- 设置渲染器背景颜色--*/\r\n      //颜色背景 灰  背景矩形旋转大小  556 *500\r\n      // this.renderer.setClearColor(\"rgb(242,242,242)\", 1.0);\r\n      //颜色背景 翡翠\r\n      //  this.renderer.setClearColor(\"rgb(241,243,241)\", 1.0);\r\n\r\n      //设置渲染器高度与宽度\r\n      var inWidth = window.innerWidth;\r\n      var inHeight = window.innerHeight;\r\n\r\n      this.renderer.setSize(inWidth, inHeight);\r\n      //渲染器加入到网页BODY里面去\r\n      // document.body.appendChild(this.renderer.domElement);\r\n      let container = document.getElementById(\"container\");\r\n      container.appendChild(this.renderer.domElement);\r\n      let loader = new THREE.TextureLoader();\r\n      let bgTexture = loader.load(\"/comom/bluebg.png\");\r\n\r\n      //场景\r\n      this.scene = new THREE.Scene();\r\n      this.scene.background = bgTexture;\r\n      //相机\r\n      this.camera = new THREE.PerspectiveCamera(\r\n        75,\r\n        inWidth / inHeight,\r\n        0.1,\r\n        1000\r\n      );\r\n      //相机的位置\r\n      this.camera.position.x = 0;\r\n      //设置相机的高度\r\n      this.camera.position.y = 1.1795;\r\n      //设置相机的相对于看到的距离\r\n      this.camera.position.z = 5;\r\n      //实例化轨道控制器 必须实例化在 相机和渲染器后面\r\n      this.controls = new OrbitControls(this.camera, this.renderer.domElement);\r\n\r\n      // 创建一个矩形平面几何体，宽度100，长度200\r\n      var plane = new THREE.PlaneGeometry(7, 7);\r\n\r\n      let texturefloor = loader.load(\r\n        \"/batamancar/internal_ground_ao_texture.jpeg\"\r\n      );\r\n\r\n      let materialplan = new THREE.MeshPhongMaterial({\r\n        // 矩形平面网格模型默认单面显示，可以设置side属性值为THREE.DoubleSide双面显示\r\n        //side: THREE.DoubleSide,\r\n        map: texturefloor,\r\n        // transparent设置为true，开启透明，否则opacity不起作用\r\n        transparent: true,\r\n        // 设置材质透明度\r\n        opacity: 0,\r\n      });\r\n\r\n      //平面出来 默认是水平面 需要向X轴 旋转弧度\r\n      plane.rotateX(-1.570796);\r\n\r\n      this.mesh = new THREE.Mesh(plane, materialplan);\r\n      this.scene.add(this.mesh);\r\n      //加入光源\r\n      var pointLight = new THREE.PointLight(\"#ffffff\");\r\n      //光源坐标\r\n      pointLight.position.set(0, 10, 10);\r\n      this.scene.add(pointLight);\r\n      // 辅助坐标系  参数200表示坐标系大小，可以根据场景大小去设置\r\n      var axesHelper = new THREE.AxesHelper(200);\r\n      this.scene.add(axesHelper);\r\n      //必须在对相机的变换进行任何手动更改后调用\r\n      this.controls.update();\r\n\r\n      //obj导入类\r\n\r\n      let objloader = new OBJLoader();\r\n\r\n      \r\n      var that = this;\r\n      this.meshgroup = new THREE.Group();\r\n\r\n      objloader.load(\"/batamancar/bataman-car.obj\", function (object) {\r\n        //模型的x、y、z轴的位置\r\n\r\n        object.position.set(0.03817, 0, -0.30002003);\r\n        //缩放比列\r\n        object.scale.set(1.5, 1.5, 1.5);\r\n\r\n        object.traverse(function (child) {\r\n          if (child instanceof THREE.Mesh) {\r\n            debugger;\r\n            //设置模型皮肤\r\n            child.material.map = THREE.ImageUtils.loadTexture(\r\n              \"/batamancar/b_Front_color.jpg\"\r\n            );\r\n          }\r\n        });\r\n\r\n        that.meshgroup = object;\r\n        that.scene.add(object);\r\n      });\r\n \r\n    },\r\n    onWindowResize: function () {\r\n      this.renderer.setSize(window.innerWidth, window.innerHeight);\r\n    },\r\n    animate: function () {\r\n      requestAnimationFrame(this.animate);\r\n      //如果controls.enableDamping 或controls.autoRotate 设置为true，则需要\r\n      this.controls.update();\r\n\r\n      this.renderer.render(this.scene, this.camera);\r\n\r\n      this.meshgroup.rotation.y += 0.01;\r\n    },\r\n  },\r\n  //模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作\r\n  mounted() {\r\n    this.init();\r\n    this.animate();\r\n\r\n    window.addEventListener(\"resize\", () => this.onWindowResize(), false);\r\n  },\r\n};\r\n</script>\r\n\r\n","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!./ThreeJS_Products_BatamanCar.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!./ThreeJS_Products_BatamanCar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThreeJS_Products_BatamanCar.vue?vue&type=template&id=47fa2936&\"\nimport script from \"./ThreeJS_Products_BatamanCar.vue?vue&type=script&lang=js&\"\nexport * from \"./ThreeJS_Products_BatamanCar.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('app-header',{style:(_vm.styleTopVar)}),_c('AppLeft',{style:(_vm.styleLeftVar)}),_c('AppRight',{style:(_vm.styleRightVar)}),_c('app-buttom',{style:(_vm.styleButtomVar)}),_c('rose',{staticClass:\"three3D\",style:(_vm.threejsVar)})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"AppHeader\"},[_c('div',{attrs:{\"id\":\"topheaderLeft\"}},[_c('dv-decoration-8',{staticStyle:{\"height\":\"50px\"}})],1),_c('div',{attrs:{\"id\":\"topheaderCenter\"}},[_c('dv-decoration-5',{staticStyle:{\"height\":\"40px\"}})],1),_c('div',{attrs:{\"id\":\"topheaderRight\"}},[_c('dv-decoration-8',{staticStyle:{\"height\":\"50px\"},attrs:{\"reverse\":true}})],1),_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"center-title\"}},[_c('span',[_vm._v(\" 智慧物流数字孪生监控系统 \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"AppHeader\">\r\n    <div id=\"topheaderLeft\">\r\n      <dv-decoration-8 style=\"height: 50px\" />\r\n    </div>\r\n\r\n    <div id=\"topheaderCenter\">\r\n      <dv-decoration-5 style=\"height: 40px\"> </dv-decoration-5>\r\n    </div>\r\n\r\n    <div id=\"topheaderRight\">\r\n      <dv-decoration-8 :reverse=\"true\" style=\"height: 50px\" />\r\n    </div>\r\n\r\n    <div id=\"center-title\">\r\n      <span>      智慧物流数字孪生监控系统 </span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"AppHeader\",\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.AppHeader {\r\n  width: 100%;\r\n \r\n}\r\n\r\n#topheaderCenter {\r\n  width: 40%;\r\n  float: left;\r\n  margin-top: 30px;\r\n  text-align: center;\r\n  position: relative;\r\n}\r\n\r\n#topheaderLeft {\r\n  width: 30%;\r\n  float: left;\r\n}\r\n\r\n#topheaderRight {\r\n  width: 30%;\r\n  float: right;\r\n}\r\n\r\n#center-title {\r\n  position: absolute;\r\n  font-size: 30px;\r\n  font-weight: bold;\r\n  left: 50%;\r\n  top: 10px;\r\n  transform: translateX(-50%);\r\n  color: white;\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!./DataV_Layout_AppHeader.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!./DataV_Layout_AppHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataV_Layout_AppHeader.vue?vue&type=template&id=069522be&scoped=true&\"\nimport script from \"./DataV_Layout_AppHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./DataV_Layout_AppHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataV_Layout_AppHeader.vue?vue&type=style&index=0&id=069522be&scoped=true&lang=css&\"\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  \"069522be\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"navbar\"},[_c('dv-border-box-11',{attrs:{\"title\":\"基础信息\"}},[_c('dv-decoration-3'),_c('dv-decoration-7',{staticClass:\"totalQty\"},[_vm._v(\"库存总量\")]),_c('dv-decoration-7',{staticClass:\"safaQty\"},[_vm._v(\"安全总量\")]),_c('dv-decoration-9',{staticClass:\"safaQty9\"},[_vm._v(\"10000\")]),_c('dv-decoration-9',{staticClass:\"totalQty9\"},[_vm._v(\"999\")]),_c('dv-decoration-2'),_c('dv-decoration-7',{staticClass:\"top10Qty\"},[_vm._v(\"库存TOP10分布图\")]),_c('dv-capsule-chart',{attrs:{\"config\":_vm.configtop10}}),_c('dv-decoration-2',{staticClass:\"pullPlan\"}),_c('dv-decoration-7',{staticClass:\"pullPlan7\"},[_vm._v(\"呼叫物料清单\")]),_c('dv-scroll-board',{attrs:{\"config\":_vm.configPullData}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"navbar\">\r\n    <dv-border-box-11 title=\"基础信息\">\r\n      <dv-decoration-3 />\r\n\r\n      <dv-decoration-7 class=\"totalQty\">库存总量</dv-decoration-7>\r\n      <dv-decoration-7 class=\"safaQty\">安全总量</dv-decoration-7>\r\n      <dv-decoration-9 class=\"safaQty9\">10000</dv-decoration-9>\r\n      <dv-decoration-9 class=\"totalQty9\">999</dv-decoration-9>\r\n      <dv-decoration-2 />\r\n      <dv-decoration-7 class=\"top10Qty\">库存TOP10分布图</dv-decoration-7>\r\n      <dv-capsule-chart :config=\"configtop10\" />\r\n      <dv-decoration-2 class=\"pullPlan\" />\r\n\r\n      <dv-decoration-7 class=\"pullPlan7\">呼叫物料清单</dv-decoration-7>\r\n      <dv-scroll-board :config=\"configPullData\" />\r\n    </dv-border-box-11>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"AppNavbar\",\r\n  data() {\r\n    return {\r\n      configtop10: {\r\n        data: [\r\n          {\r\n            name: \"南阳\",\r\n            value: 167,\r\n          },\r\n          {\r\n            name: \"周口\",\r\n            value: 123,\r\n          },\r\n          {\r\n            name: \"漯河\",\r\n            value: 98,\r\n          },\r\n          {\r\n            name: \"郑州\",\r\n            value: 75,\r\n          },\r\n          {\r\n            name: \"西峡\",\r\n            value: 66,\r\n          },\r\n          {\r\n            name: \"南阳1\",\r\n            value: 167,\r\n          },\r\n          {\r\n            name: \"周口1\",\r\n            value: 123,\r\n          },\r\n          {\r\n            name: \"漯河1\",\r\n            value: 98,\r\n          },\r\n          {\r\n            name: \"郑州1\",\r\n            value: 75,\r\n          },\r\n          {\r\n            name: \"西峡1\",\r\n            value: 66,\r\n          },\r\n        ],\r\n        colors: [\r\n          \"#e062ae\",\r\n          \"#fb7293\",\r\n          \"#e690d1\",\r\n          \"#32c5e9\",\r\n          \"#96bfff\",\r\n          \"#fb7293\",\r\n          \"#e690d1\",\r\n          \"#32c5e9\",\r\n          \"#96bfff\",\r\n          \"#96bfff\",\r\n        ],\r\n        unit: \"箱\",\r\n        showValue: true,\r\n      },\r\n      configPullData: {\r\n        header: [\"列1\", \"列2\", \"列3\"],\r\n        data: [\r\n          ['<span style=\"color:#37a2da;\">行1列1</span>', \"行1列2\", \"行1列3\"],\r\n          [\"行2列1\", '<span style=\"color:#32c5e9;\">行2列2</span>', \"行2列3\"],\r\n          [\"行3列1\", \"行3列2\", '<span style=\"color:#67e0e3;\">行3列3</span>'],\r\n          [\"行4列1\", '<span style=\"color:#9fe6b8;\">行4列2</span>', \"行4列3\"],\r\n          ['<span style=\"color:#ffdb5c;\">行5列1</span>', \"行5列2\", \"行5列3\"],\r\n          [\"行6列1\", '<span style=\"color:#ff9f7f;\">行6列2</span>', \"行6列3\"],\r\n          [\"行7列1\", \"行7列2\", '<span style=\"color:#fb7293;\">行7列3</span>'],\r\n          [\"行8列1\", '<span style=\"color:#e062ae;\">行8列2</span>', \"行8列3\"],\r\n          ['<span style=\"color:#e690d1;\">行9列1</span>', \"行9列2\", \"行9列3\"],\r\n          [\"行10列1\", '<span style=\"color:#e7bcf3;\">行10列2</span>', \"行10列3\"],\r\n        ],\r\n        index: true,\r\n        columnWidth: [50],\r\n        align: [\"center\"],\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n \r\n<style    scoped>\r\n.dv-decoration-3 {\r\n  width: 100%;\r\n  height: 2%;\r\n  top: 7%;\r\n  position: absolute;\r\n}\r\n.totalQty {\r\n  left: 6%;\r\n  top: 10%;\r\n}\r\n.safaQty {\r\n  left: 51%;\r\n  top: 10%;\r\n}\r\n.dv-decoration-9 {\r\n  width: 30%;\r\n  height: 10%;\r\n  top: 14%;\r\n  position: absolute;\r\n  color: white;\r\n}\r\n\r\n.safaQty9 {\r\n  left: 55%;\r\n    width: 30%;\r\n}\r\n.totalQty9 {\r\n  left: 10%;\r\n  width: 30%;\r\n}\r\n.dv-decoration-2 {\r\n  position: absolute;\r\n  top: 28%;\r\n  left: 2%;\r\n  width: 90%;\r\n  height: 1%;\r\n}\r\n.dv-decoration-7 {\r\n  position: absolute;\r\n  width: 35%;\r\n  height: 2%;\r\n  color: rgb(3, 232, 248);\r\n\r\n  font-size: 200;\r\n}\r\n.top10Qty {\r\n  top: 25%;\r\n  left: 10%;\r\n  width: 70%;\r\n}\r\n\r\n.dv-capsule-chart {\r\n  position: absolute;\r\n  top: 29%;\r\n  width: 90%;\r\n  height: 30%;\r\n  left: 3%;\r\n}\r\n.pullPlan {\r\n  top: 59%;\r\n}\r\n.pullPlan7 {\r\n  top: 63%;\r\n  left: 10%;\r\n  width: 70%;\r\n}\r\n.dv-scroll-board {\r\n  top: 68%;\r\n  width: 90%;\r\n  height: 30%;\r\n  left: 4%;\r\n}\r\n</style>\r\n ","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!./DataV_Layout_AppLeft.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!./DataV_Layout_AppLeft.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataV_Layout_AppLeft.vue?vue&type=template&id=36f8124a&scoped=true&\"\nimport script from \"./DataV_Layout_AppLeft.vue?vue&type=script&lang=js&\"\nexport * from \"./DataV_Layout_AppLeft.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataV_Layout_AppLeft.vue?vue&type=style&index=0&id=36f8124a&scoped=true&lang=css&\"\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  \"36f8124a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"navbarRight\"},[_c('dv-border-box-11',{attrs:{\"title\":\"业务信息\"}},[_c('dv-decoration-3'),_c('dv-decoration-7',{staticClass:\"totalQty\"},[_vm._v(\"库存总量\")]),_c('div',{attrs:{\"id\":\"echartContainer\"}}),_c('dv-decoration-2',{staticClass:\"pullPlan\"}),_c('dv-decoration-7',{staticClass:\"pullPlan7\"},[_vm._v(\"配送清单\")]),_c('dv-scroll-board',{attrs:{\"config\":_vm.configPullData}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"navbarRight\">\r\n    <dv-border-box-11 title=\"业务信息\">\r\n      <dv-decoration-3 />\r\n\r\n      <dv-decoration-7 class=\"totalQty\">库存总量</dv-decoration-7>\r\n      <div id=\"echartContainer\"></div>\r\n\r\n      <dv-decoration-2 class=\"pullPlan\" />\r\n\r\n      <dv-decoration-7 class=\"pullPlan7\">配送清单</dv-decoration-7>\r\n      <dv-scroll-board :config=\"configPullData\" />\r\n    </dv-border-box-11>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as echarts from 'echarts'\r\n\r\nexport default {\r\n  name: \"AppNavbar\",\r\n  data() {\r\n    return {\r\n      configtop10: {\r\n        data: [\r\n          {\r\n            name: \"南阳\",\r\n            value: 167,\r\n          },\r\n          {\r\n            name: \"周口\",\r\n            value: 123,\r\n          },\r\n          {\r\n            name: \"漯河\",\r\n            value: 98,\r\n          },\r\n          {\r\n            name: \"郑州\",\r\n            value: 75,\r\n          },\r\n          {\r\n            name: \"西峡\",\r\n            value: 66,\r\n          },\r\n          {\r\n            name: \"南阳1\",\r\n            value: 167,\r\n          },\r\n          {\r\n            name: \"周口1\",\r\n            value: 123,\r\n          },\r\n          {\r\n            name: \"漯河1\",\r\n            value: 98,\r\n          },\r\n          {\r\n            name: \"郑州1\",\r\n            value: 75,\r\n          },\r\n          {\r\n            name: \"西峡1\",\r\n            value: 66,\r\n          },\r\n        ],\r\n        colors: [\r\n          \"#e062ae\",\r\n          \"#fb7293\",\r\n          \"#e690d1\",\r\n          \"#32c5e9\",\r\n          \"#96bfff\",\r\n          \"#fb7293\",\r\n          \"#e690d1\",\r\n          \"#32c5e9\",\r\n          \"#96bfff\",\r\n          \"#96bfff\",\r\n        ],\r\n        unit: \"箱\",\r\n        showValue: true,\r\n      },\r\n      configPullData: {\r\n        header: [\"列1\", \"列2\", \"列3\"],\r\n        data: [\r\n          ['<span style=\"color:#37a2da;\">行1列1</span>', \"行1列2\", \"行1列3\"],\r\n          [\"行2列1\", '<span style=\"color:#32c5e9;\">行2列2</span>', \"行2列3\"],\r\n          [\"行3列1\", \"行3列2\", '<span style=\"color:#67e0e3;\">行3列3</span>'],\r\n          [\"行4列1\", '<span style=\"color:#9fe6b8;\">行4列2</span>', \"行4列3\"],\r\n          ['<span style=\"color:#ffdb5c;\">行5列1</span>', \"行5列2\", \"行5列3\"],\r\n          [\"行6列1\", '<span style=\"color:#ff9f7f;\">行6列2</span>', \"行6列3\"],\r\n          [\"行7列1\", \"行7列2\", '<span style=\"color:#fb7293;\">行7列3</span>'],\r\n          [\"行8列1\", '<span style=\"color:#e062ae;\">行8列2</span>', \"行8列3\"],\r\n          ['<span style=\"color:#e690d1;\">行9列1</span>', \"行9列2\", \"行9列3\"],\r\n          [\"行10列1\", '<span style=\"color:#e7bcf3;\">行10列2</span>', \"行10列3\"],\r\n        ],\r\n        index: true,\r\n        columnWidth: [50],\r\n        align: [\"center\"],\r\n      },\r\n    };\r\n  },\r\n  mounted() {\r\n    // 调用当前图表\r\n    this.dataChart();\r\n  },\r\n  methods: {\r\n    dataChart() {\r\n      // 基于准备好的dom，初始化echarts实例\r\n\r\n      var chartDom = document.getElementById(\"echartContainer\");\r\n      var myChart = echarts.init(chartDom);\r\n      var option;\r\n\r\n      option = {\r\n        title: {\r\n          text: \"\",\r\n        },\r\n        tooltip: {\r\n          trigger: \"axis\",\r\n        },\r\n        legend: {\r\n          data: [\"邮件\", \"联盟\", \"视频\", \"访问\", \"引擎\"],\r\n          textStyle: {\r\n            fontSize: 18, //字体大小\r\n            color: \"#ffffff\", //字体颜色\r\n          },\r\n        },\r\n        grid: {\r\n          left: \"3%\",\r\n          right: \"4%\",\r\n          bottom: \"3%\",\r\n          containLabel: true,\r\n        },\r\n        toolbox: {\r\n          feature: {\r\n            saveAsImage: {},\r\n          },\r\n        },\r\n        xAxis: {\r\n          type: \"category\",\r\n          boundaryGap: false,\r\n          data: [\"周一\", \"周二\", \"周三\", \"周四\", \"周五\", \"周六\", \"周日\"],\r\n          axisLabel: {\r\n            show: true,\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n            },\r\n          },\r\n        },\r\n        yAxis: {\r\n          type: \"value\",\r\n          //設置字体颜色\r\n          axisLabel: {\r\n            show: true,\r\n            textStyle: {\r\n              color: \"#ffffff\",\r\n            },\r\n          },\r\n        },\r\n        series: [\r\n          {\r\n            name: \"邮件\",\r\n            type: \"line\",\r\n            stack: \"总量\",\r\n            data: [120, 132, 101, 134, 90, 230, 210],\r\n          },\r\n          {\r\n            name: \"联盟\",\r\n            type: \"line\",\r\n            stack: \"总量\",\r\n            data: [220, 182, 191, 234, 290, 330, 310],\r\n          },\r\n          {\r\n            name: \"视频\",\r\n            type: \"line\",\r\n            stack: \"总量\",\r\n            data: [150, 232, 201, 154, 190, 330, 410],\r\n          },\r\n          {\r\n            name: \"访问\",\r\n            type: \"line\",\r\n            stack: \"总量\",\r\n            data: [320, 332, 301, 334, 390, 330, 320],\r\n          },\r\n          {\r\n            name: \"引擎\",\r\n            type: \"line\",\r\n            stack: \"总量\",\r\n            data: [820, 932, 901, 934, 1290, 1330, 1320],\r\n          },\r\n        ],\r\n      };\r\n\r\n      myChart.setOption(option);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style    scoped>\r\n.dv-decoration-3 {\r\n  width: 100%;\r\n  height: 2%;\r\n  top: 7%;\r\n  position: absolute;\r\n}\r\n.totalQty {\r\n  left: 6%;\r\n  top: 10%;\r\n}\r\n#echartContainer {\r\n \r\n  width: 100%;\r\n  height: 40%;\r\n  top: 14%;\r\n}\r\n.dv-decoration-9 {\r\n  width: 30%;\r\n  height: 10%;\r\n  top: 14%;\r\n  position: absolute;\r\n  color: white;\r\n}\r\n\r\n.safaQty9 {\r\n  left: 55%;\r\n}\r\n.totalQty9 {\r\n  left: 10%;\r\n}\r\n.dv-decoration-2 {\r\n  position: absolute;\r\n  top: 28%;\r\n  left: 2%;\r\n  width: 90%;\r\n  height: 1%;\r\n}\r\n.dv-decoration-7 {\r\n  position: absolute;\r\n  width: 35%;\r\n  height: 2%;\r\n  color: rgb(3, 232, 248);\r\n\r\n  font-size: 200;\r\n}\r\n\r\n.pullPlan {\r\n  top: 59%;\r\n}\r\n.pullPlan7 {\r\n  top: 63%;\r\n  left: 10%;\r\n  width: 70%;\r\n}\r\n.dv-scroll-board {\r\n  top: 28%;\r\n  width: 90%;\r\n  height: 30%;\r\n  left: 4%;\r\n}\r\n</style>\r\n ","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!./DataV_Layout_AppRight.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!./DataV_Layout_AppRight.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataV_Layout_AppRight.vue?vue&type=template&id=e730f1d2&scoped=true&\"\nimport script from \"./DataV_Layout_AppRight.vue?vue&type=script&lang=js&\"\nexport * from \"./DataV_Layout_AppRight.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataV_Layout_AppRight.vue?vue&type=style&index=0&id=e730f1d2&scoped=true&lang=css&\"\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  \"e730f1d2\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"buttom\"},[_vm._v(\"    重庆乾端科技有限公司\")])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"buttom\">&nbsp;&nbsp;&nbsp;&nbsp;重庆乾端科技有限公司</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"AppButtom\",\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.buttom {\r\n  color: white;\r\n  text-align: center;\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!./DataV_Layout_AppButtom.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!./DataV_Layout_AppButtom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataV_Layout_AppButtom.vue?vue&type=template&id=ea92c93c&scoped=true&\"\nimport script from \"./DataV_Layout_AppButtom.vue?vue&type=script&lang=js&\"\nexport * from \"./DataV_Layout_AppButtom.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataV_Layout_AppButtom.vue?vue&type=style&index=0&id=ea92c93c&scoped=true&lang=css&\"\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  \"ea92c93c\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <app-header :style=\"styleTopVar\"></app-header>\n    <AppLeft :style=\"styleLeftVar\"/>\n    <!-- <app-main> </app-main> -->\n    <AppRight :style=\"styleRightVar\"/>\n    <app-buttom :style=\"styleButtomVar\"></app-buttom>\n    <rose class=\"three3D\" :style=\"threejsVar\" />\n  </div>\n</template>\n\n\n<script>\nimport rose from \"@/components/ThreeJS/ThreeJS_Products_MaterialRack\";\nimport AppHeader from \"@/components/DataV/Layout/DataV_Layout_AppHeader\";\nimport AppLeft from \"@/components/DataV/Layout/DataV_Layout_AppLeft\";\nimport AppRight from \"@/components/DataV/Layout/DataV_Layout_AppRight\";\nimport AppButtom from \"@/components/DataV/Layout/DataV_Layout_AppButtom\";\n\nexport default {\n  //申明变量模块\n  data() {\n    return {\n      fullHeight:\n        window.innerWidth ||\n        document.documentElement.clientWidth ||\n        document.body.clientWidth, //必须写完,单写一种可能获取不到\n      fullWidth:\n        window.innerHeight ||\n        document.documentElement.clientHeight ||\n        document.body.clientHeight,\n\n      topHeight: this.fullHeight / 3,\n      // bodyHeight: fullHeight / 7;\n      bodyLeftWidth: 0,\n      bodyRightWidht: 0,\n\n      // bodyCenterWidth: fullWidth / 5;\n      // bodyRightWidth: fullWidth / 2.5;\n      // footHeight: fullHeight - topHeight - bodyHeight;\n      styleTopVar: {\n        \"--line-height\": \"\",\n      },\n      styleLeftVar: {\n        \"--top\": \"\",\n        \"--width\": \"\",\n      },\n      styleRightVar: {\n        \"--top\": \"\",\n        \"--width\": \"\",\n      },\n      threejsVar: {\n        \"--height\": \"\",\n      },\n      styleButtomVar: {\n        \"--height\": \"\",\n        \"--bottom\": \"\",\n      },\n    };\n  },\n  //创建模块的时候\n  created: function () {\n    this.domInit();\n  },\n  //渲染模块APP\n  components: {\n    rose,\n    AppHeader,\n    AppLeft,\n    // AppMain,\n    AppRight,\n    AppButtom,\n  },\n  //监听方法\n  watch: {\n    fullHeight(val) {\n      //监控浏览器高度变化\n      if (!this.timer) {\n        this.fullHeight = val;\n        this.timer = true;\n        let that = this;\n        setTimeout(function () {\n          that.timer = false;\n        }, 400);\n      }\n    },\n  },\n\n  //方法申明模块\n  methods: {\n    get_bodyHeight() {\n      //动态获取浏览器高度\n      const that = this;\n      window.onresize = () => {\n        return (() => {\n          window.fullHeight =\n            window.innerWidth ||\n            document.documentElement.clientWidth ||\n            document.body.clientWidth;\n          window.fullWidth =\n            window.innerHeight ||\n            document.documentElement.clientHeight ||\n            document.body.clientHeight;\n          that.fullHeight = window.fullHeight;\n          that.fullWidth = window.fullWidth;\n\n          this.domInit();\n          this.$nextTick();\n        })();\n      };\n    },\n    domInit() {\n      this.bodyLeftWidth = this.fullWidth / 2.5;\n      this.bodyRightWidht = this.bodyLeftWidth;\n      this.topHeight = this.fullHeight / 20;\n      //   this.fullHeight = this.fullHeight - 200;\n      this.styleTopVar[\"--line-height\"] = this.topHeight + \"px\";\n      this.styleLeftVar[\"--top\"] = this.topHeight + \"px\";\n      this.styleRightVar[\"--top\"] = this.topHeight + \"px\";\n\n      this.styleLeftVar[\"--width\"] = \"22%\";\n      this.styleRightVar[\"--width\"] = \"22%\";\n      this.threejsVar[\"--height\"] = this.fullHeight + \"px\";\n      this.styleButtomVar[\"--height\"] = \"5%\";\n      this.styleButtomVar[\"--bottom\"] = \"-12%\";\n    },\n  },\n\n  //模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作\n  mounted() {\n    this.get_bodyHeight();\n    this.domInit();\n  },\n};\n</script>\n<style   scoped   >\n.three3D {\n  width: 100%;\n  height: 100%;\n  position: fixed;\n  z-index: -10;\n  padding: 0;\n  margin: 0;\n  margin-top: -0.5em;\n  margin-left: -0.5em;\n}\n/* 头部样式 */\n.header {\n  position: absolute;\n  line-height: var(--line-height);\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  z-index: 10;\n  width: 100%;\n\n  /* background: rgba(255, 255, 255, 0.1); */\n}\n/* 底部样式 */\n.buttom {\n  position: absolute;\n  bottom: var(--bottom);\n  width: 100%;\n  background: rgba(255, 255, 255, 0.1);\n}\n/* 左侧样式 */\n.navbar {\n  position: absolute;\n  width: var(--width);\n  top: var(--top); /* 距离上面50像素 */\n  left: 0px;\n  bottom: var(--bottom);\n  height: 100%;\n  z-index: 10;\n\n  /* background: rgba(255, 255, 255, 0.3); */\n  /*  overflow-y: auto;当内容过多时y轴出现滚动条 */\n}\n\n/* 右侧样式 */\n.navbarRight {\n  position: absolute;\n  width: var(--width);\n  height: 100%;\n  top: var(--top); /* 距离上面50像素 */\n  right: 0px;\n  bottom: 0px;\n  z-index: 10;\n  /*overflow-y: auto; 当内容过多时y轴出现滚动条 */\n \n  /* background: rgba(255, 255, 255, 0.5); */\n}\n\n/* 主区域 */\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!./DataV_Demo_layout_MaterialRack.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!./DataV_Demo_layout_MaterialRack.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataV_Demo_layout_MaterialRack.vue?vue&type=template&id=7ede7dbf&scoped=true&\"\nimport script from \"./DataV_Demo_layout_MaterialRack.vue?vue&type=script&lang=js&\"\nexport * from \"./DataV_Demo_layout_MaterialRack.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataV_Demo_layout_MaterialRack.vue?vue&type=style&index=0&id=7ede7dbf&scoped=true&lang=css&\"\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  \"7ede7dbf\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dv-full-screen-container',[_c('DataV_Header_1',{attrs:{\"dataVal\":_vm.dataVal}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\"},[_c('dv-border-box-10',[_c('el-row',{staticClass:\"row_title\"},[_c('el-col',{attrs:{\"span\":4,\"offset\":0}},[_c('span',[_vm._v(_vm._s(_vm.title))])])],1),_c('el-row',[_c('el-col',{attrs:{\"span\":24,\"offset\":0}},[_c('dv-scroll-ranking-board',{staticClass:\"scroll_ranking_board\",attrs:{\"config\":_vm.config}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"main\">\r\n    <dv-border-box-10>\r\n      <el-row class=\"row_title\">\r\n        <el-col :span=\"4\" :offset=\"0\">\r\n          <span>{{ title }}</span>\r\n        </el-col>\r\n      </el-row>\r\n      <el-row>\r\n        <el-col :span=\"24\" :offset=\"0\">\r\n          <dv-scroll-ranking-board\r\n            class=\"scroll_ranking_board\"\r\n            :config=\"config\"\r\n          />\r\n        </el-col>\r\n      </el-row>\r\n    </dv-border-box-10>\r\n  </div>\r\n</template>\r\n\r\n<style scoped>\r\n.main {\r\n  width: 100%;\r\n  height: 100%;\r\n  color: rgb(221, 146, 146);\r\n}\r\n\r\n.row_title {\r\n  padding-top: 2vh;\r\n  text-align: left;\r\n  font-size: 25px;\r\n  padding-left: 30px;\r\n}\r\n\r\n.scroll_ranking_board {\r\n  width: 98%;\r\n  height: 100vh;\r\n  color: rgb(221, 146, 146);\r\n  margin: auto;\r\n}\r\n</style>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport DataV from \"@jiaminghi/data-view\";\r\n\r\nVue.use(DataV);\r\n\r\nexport default {\r\n  props: {\r\n    dataVal: {\r\n      type: Object, //指定传入的类型,type 也可以是一个自定义构造器函数，使用 instanceof 检测。\r\n      default: null,\r\n    },\r\n  },\r\n  name: \"DataVHeader2\",\r\n  data() {\r\n    return {\r\n      key: 1,\r\n      dataInfo: this.dataVal,\r\n      title: this.dataVal.title,\r\n      config: this.dataVal.scrollData,\r\n    };\r\n  },\r\n  mounted() {\r\n    window.addEventListener(\"resize\", () => this.onWindowResize(), false);\r\n  },\r\n  methods: {\r\n    onWindowResize: function() {\r\n      this.key += 1;\r\n      this.$nextTick;\r\n    },\r\n  },\r\n};\r\n</script>\r\n","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!./DataV_Scroll_Ranking_Board.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!./DataV_Scroll_Ranking_Board.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataV_Scroll_Ranking_Board.vue?vue&type=template&id=3a7f1f66&scoped=true&\"\nimport script from \"./DataV_Scroll_Ranking_Board.vue?vue&type=script&lang=js&\"\nexport * from \"./DataV_Scroll_Ranking_Board.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DataV_Scroll_Ranking_Board.vue?vue&type=style&index=0&id=3a7f1f66&scoped=true&lang=css&\"\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  \"3a7f1f66\",\n  null\n  \n)\n\nexport default component.exports","/* eslint-disable vue/no-unused-components */\r\n<template>\r\n  <dv-full-screen-container>\r\n    <DataV_Header_1 :dataVal=\"dataVal\"></DataV_Header_1>\r\n  </dv-full-screen-container>\r\n</template>\r\n\r\n<style scoped></style>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport DataV from \"@jiaminghi/data-view\";\r\nimport DataV_Header_1 from \"./DataVCommons/DataV_Scroll_Ranking_Board.vue\";\r\n\r\nVue.use(DataV);\r\n\r\nexport default {\r\n  name: \"DataVShow\",\r\n  data() {\r\n    return {\r\n      dataVal: {\r\n        title: \"数据排名\",\r\n        scrollData: {\r\n          data: [\r\n            {\r\n              name: \"周口\",\r\n              value: 55,\r\n            },\r\n            {\r\n              name: \"南阳\",\r\n              value: 120,\r\n            },\r\n            {\r\n              name: \"西峡\",\r\n              value: 78,\r\n            },\r\n            {\r\n              name: \"驻马店\",\r\n              value: 66,\r\n            },\r\n            {\r\n              name: \"新乡\",\r\n              value: 80,\r\n            },\r\n            {\r\n              name: \"信阳\",\r\n              value: 45,\r\n            },\r\n            {\r\n              name: \"漯河\",\r\n              value: 29,\r\n            },\r\n          ],\r\n        },\r\n      },\r\n    };\r\n  },\r\n  components: { DataV_Header_1 },\r\n};\r\n</script>\r\n","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!./DataVShow.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!./DataVShow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DataVShow.vue?vue&type=template&id=b1ef849a&scoped=true&\"\nimport script from \"./DataVShow.vue?vue&type=script&lang=js&\"\nexport * from \"./DataVShow.vue?vue&type=script&lang=js&\"\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  \"b1ef849a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"container\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- 画布元素-->\r\n  <div id=\"container\">\r\n    <!-- -->\r\n    <!-- 加载完成后，如果想隐藏进度条可以设置  v-if=\"loadedData!==100\"，也就是loadedData等于100隐藏进度条  -->\r\n\r\n    <!--<div v-else></div>-->\r\n  </div>\r\n</template>\r\n<script>\r\nimport * as THREE from \"three\"; //3D基础类\r\n\r\n//xyz对应的坐标轴  红绿蓝 rgb\r\nimport { OrbitControls } from \"three/examples/jsm/controls/OrbitControls\"; //轨道控制器  随着随便放大 缩小\r\n//fps组件\r\nimport Stats from \"three/examples/jsm/libs/stats.module\";\r\n\r\nexport default {\r\n  //变量申明模块\r\n  data() {\r\n    return {\r\n      renderer: null, //渲染器\r\n      // loader, //纹理加载器\r\n      scene: null, //场景P\r\n      camera: null, //相机\r\n      controls: null, //轨道控制器\r\n      mesh: null, //网格\r\n      meshgroup: null,\r\n      stats: null, //fps模块组件\r\n\r\n      meshArry: [], //存放原点点位\r\n      meshArryc: [], //存放原点点位\r\n \r\n\r\n      loadedData: 0,\r\n      left: (window.innerWidth - 400) / 2,\r\n      top: (window.innerHeight - 30) / 2,\r\n    };\r\n  },\r\n  //方法申明模块\r\n  methods: {\r\n    init: function () {\r\n      //渲染器\r\n      this.renderer = new THREE.WebGLRenderer({\r\n        //增加下面两个属性，可以抗锯齿\r\n        antialias: true,\r\n        alpha: true,\r\n      });\r\n\r\n      /*-- 设置渲染器背景颜色--*/\r\n      //颜色背景 灰  背景矩形旋转大小  556 *500\r\n      this.renderer.setClearColor(\"rgb(242,242,242)\", 1.0);\r\n      //颜色背景 翡翠\r\n      //  this.renderer.setClearColor(\"rgb(241,243,241)\", 1.0);\r\n\r\n      //设置渲染器高度与宽度\r\n      var inWidth = window.innerWidth;\r\n      var inHeight = window.innerHeight;\r\n\r\n      this.renderer.setSize(inWidth, inHeight);\r\n      //渲染器加入到网页BODY里面去\r\n      // document.body.appendChild(this.renderer.domElement);\r\n      let container = document.getElementById(\"container\");\r\n      container.appendChild(this.renderer.domElement);\r\n      let loader = new THREE.TextureLoader();\r\n      let bgTexture = loader.load(\"/comom/start.png\");\r\n\r\n      //场景\r\n      this.scene = new THREE.Scene();\r\n      this.scene.background = bgTexture;\r\n      //相机\r\n      this.camera = new THREE.PerspectiveCamera(\r\n        75,\r\n        inWidth / inHeight,\r\n        0.1,\r\n        1000\r\n      );\r\n      //相机的位置\r\n      this.camera.position.x = 0;\r\n      //设置相机的高度\r\n      this.camera.position.y = 1.7795;\r\n      //设置相机的相对于看到的距离\r\n      this.camera.position.z = 2;\r\n      //实例化轨道控制器 必须实例化在 相机和渲染器后面\r\n      this.controls = new OrbitControls(this.camera, this.renderer.domElement);\r\n\r\n      // 创建一个矩形平面几何体，宽度100，长度200\r\n      var plane = new THREE.PlaneGeometry(5, 3);\r\n\r\n      let materialplan = new THREE.MeshPhongMaterial({\r\n        // 矩形平面网格模型默认单面显示，可以设置side属性值为THREE.DoubleSide双面显示\r\n        side: THREE.DoubleSide,\r\n        color: 0xffffff,\r\n\r\n        // transparent设置为true，开启透明，否则opacity不起作用\r\n        transparent: true,\r\n        // 设置材质透明度\r\n        opacity: 0,\r\n      });\r\n\r\n      //平面出来 默认是水平面 需要向X轴 旋转弧度\r\n      plane.rotateX(-1.570796);\r\n      // plane.rotateX(5.570796);\r\n\r\n      this.mesh = new THREE.Mesh(plane, materialplan);\r\n      this.scene.add(this.mesh);\r\n      //加入光源\r\n      var pointLight = new THREE.PointLight(\"#ffffff\");\r\n      //光源坐标\r\n      pointLight.position.set(0, 10, 10);\r\n      this.scene.add(pointLight);\r\n      // 辅助坐标系  参数200表示坐标系大小，可以根据场景大小去设置\r\n      // var axesHelper = new THREE.AxesHelper(200);\r\n      // this.scene.add(axesHelper);\r\n      //必须在对相机的变换进行任何手动更改后调用\r\n      this.controls.update();\r\n\r\n      this.drawPoint();\r\n    },\r\n    initStats: function () {\r\n      this.stats = new Stats();\r\n      document.body.appendChild(this.stats.dom);\r\n    },\r\n\r\n    //随机画点\r\n    drawPoint: function () {\r\n      // radius — 球体半径，默认为1。\r\n      // widthSegments — 水平分段数（沿着经线分段），最小值为3，默认值为8。\r\n      // heightSegments — 垂直分段数（沿着纬线分段），最小值为2，默认值为6。\r\n      const geometry = new THREE.SphereGeometry(0.005, 32, 32);\r\n      const material = new THREE.MeshBasicMaterial({ color: 0xffffff });\r\n      const sphere = new THREE.Mesh(geometry, material);\r\n      sphere.position.set(0, 0, 1.4);\r\n\r\n      this.scene.add(sphere);\r\n\r\n      for (var i = 0; i <= 800; i++) {\r\n        var x1 = this.getRandomArbitrary(-2.8, 2.8);\r\n        var y1 = this.getRandomArbitrary(-1.4, 1.8);\r\n        var z1 = this.getRandomArbitrary(-2.8, 2.5);\r\n\r\n        var csphere = sphere.clone();\r\n        csphere.position.set(x1, y1, z1);\r\n        this.scene.add(csphere);\r\n        this.meshArry[i - 1] = csphere;\r\n        this.meshArryc[i - 1] = csphere;\r\n      }\r\n    },\r\n\r\n    runPoint: function () {\r\n      this.meshArry.forEach((element) => {\r\n        element.position.z += 0.0005;\r\n        if (element.position.z >= 2.5) {\r\n          element.position.z =this.getRandomArbitrary(-2.8, 2.5);\r\n        }\r\n      });\r\n    },\r\n    getRandomArbitrary: function (min, max) {\r\n      return Math.random() * (max - min) + min;\r\n    },\r\n    onWindowResize: function () {\r\n      this.renderer.setSize(window.innerWidth, window.innerHeight);\r\n    },\r\n    animate: function () {\r\n      //如果controls.enableDamping 或controls.autoRotate 设置为true，则需要\r\n      //更新控制器\r\n      this.controls.update();\r\n      //更新性能插件\r\n      this.stats.update();\r\n\r\n      this.renderer.render(this.scene, this.camera);\r\n      this.runPoint();\r\n      requestAnimationFrame(this.animate);\r\n    },\r\n  },\r\n  //模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作\r\n  mounted() {\r\n    this.init();\r\n    this.initStats();\r\n    this.animate();\r\n\r\n    window.addEventListener(\"resize\", () => this.onWindowResize(), false);\r\n  },\r\n};\r\n</script>\r\n","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!./ThreeJS_Products_Star.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!./ThreeJS_Products_Star.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThreeJS_Products_Star.vue?vue&type=template&id=6dd1b066&\"\nimport script from \"./ThreeJS_Products_Star.vue?vue&type=script&lang=js&\"\nexport * from \"./ThreeJS_Products_Star.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from \"vue\";\r\nimport VueRouter from 'vue-router';\r\n//第三方库需要use一下才能用\r\nVue.use(VueRouter)\r\n\r\n\r\nimport redRose from \"./components/ThreeJS/ThreeJS_Products_RedRose.vue\";\r\nimport materialRack from \"./components/ThreeJS/ThreeJS_Products_MaterialRack.vue\";\r\nimport dataVmaterialRack from \"./components/DataV/MaterialRack/DataV_Demos_MaterialRack.vue\";\r\nimport batamanCar from \"./components/ThreeJS/ThreeJS_Products_BatamanCar.vue\";\r\nimport MRNumber from \"./components/DataV/MaterialRack/DataV_Demo_MaterialRack_Left_Side_New.vue\";\r\nimport dataV_layout_materialRack from \"./components/DataV/Layout/DataV_Demo_layout_MaterialRack.vue\";\r\nimport ShowDataV from \"./components/DataV/DataVShow.vue\";\r\nimport threeJS_start from \"./components/ThreeJS/ThreeJS_Products_Star.vue\";\r\n\r\n\r\nvar keywordinfo = \"数字孪生,数字映射系统,数字双胞胎,3D模型监控,3D建模,threeJS,PLC,OPCUA,MQTT,物联网,产线MES系统,OPC UA API,OPC-UA ,智能感知,识别技术与普适计算,融合应用,3D建模, IoT,Internet of Things,重庆乾端科技有限公司,乾端科技有限公司,乾端,重庆乾端\";\r\nvar des = \"重庆乾端科技有限公司-诚信赢天下\";\r\nconst routes = [\r\n  {\r\n    path: \"/redRose\",\r\n    name: \"redRose\",\r\n    component: redRose,\r\n    meta: {\r\n      title: '3D素材玫瑰',\r\n      content: {\r\n        keywords: keywordinfo,\r\n        description: des\r\n\r\n      }\r\n    }\r\n  },\r\n  {\r\n    path: \"/threeJS_start\",\r\n    name: \"threeJS_start\",\r\n    component: threeJS_start,\r\n    meta: {\r\n      title: 'threeJS_start',\r\n      content: {\r\n        keywords: keywordinfo,\r\n        description: des\r\n\r\n      }\r\n    }\r\n  },\r\n  {\r\n    path: \"/batamanCar\",\r\n    name: \"batamanCar\",\r\n    component: batamanCar,\r\n    meta: {\r\n      title: '3D蝙蝠侠汽车',\r\n      content: {\r\n        keywords: keywordinfo,\r\n        description: des\r\n\r\n      }\r\n    }\r\n  },\r\n  {\r\n    path: \"/materialRack\",\r\n    name: \"materialRack\",\r\n    component: materialRack,\r\n    meta: {\r\n      title: '3D仓储料架',\r\n      content: {\r\n        keywords: keywordinfo,\r\n        description: des\r\n\r\n      }\r\n    }\r\n  },\r\n  {\r\n    path: \"/dataVmaterialRack\",\r\n    name: \"dataVmaterialRack\",\r\n    component: dataVmaterialRack,\r\n    meta: {\r\n      title: '3D可视化仓储料架',\r\n      content: {\r\n        keywords: keywordinfo,\r\n        description: des\r\n\r\n      }\r\n    }\r\n  },\r\n  {\r\n    path: \"/dataV_layout_materialRack\",\r\n    name: \"dataV_layout_materialRack\",\r\n    component: dataV_layout_materialRack,\r\n    meta: {\r\n      title: '3D可视化仓储料架',\r\n      content: {\r\n        keywords: keywordinfo,\r\n        description: des\r\n\r\n      }\r\n    }\r\n  },\r\n\r\n\r\n  {\r\n    path: \"/MRNumber\",\r\n    name: \"MRNumber\",\r\n    component: MRNumber,\r\n    meta: {\r\n      title: 'MRNumber',\r\n      content: {\r\n        keywords: keywordinfo,\r\n        description: des\r\n\r\n      }\r\n    }\r\n  },\r\n\r\n  {\r\n    path: \"/ShowDataV\",\r\n    name: \"ShowDataV\",\r\n    component: ShowDataV,\r\n    meta: {\r\n      title: 'ShowDataV',\r\n      content: {\r\n        keywords: keywordinfo,\r\n        description: des\r\n\r\n      }\r\n    }\r\n  },\r\n];\r\n\r\n//实例化VueRouter并将routes添加进去\r\nconst router = new VueRouter({\r\n  //ES6简写，等于routes：routes\r\n  routes,\r\n});\r\n\r\n\r\n//抛出这个这个实例对象方便外部读取以及访问\r\nexport default router","import Vue from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router.js'\r\nimport VueWechatTitle from 'vue-wechat-title'\r\nVue.use(VueWechatTitle);\r\n\r\nVue.config.productionTip = false\r\n\r\n\r\nnew Vue({\r\n\r\n  //一定要注入到vue的实例对象上\r\n  router,\r\n  render: h => h(App),\r\n}).$mount('#app')\r\nconst defaultTitle = '演示DEMO-重庆乾端科技有限公司'\r\nrouter.beforeEach((to, from, next) => {\r\n  /* 路由发生变化修改页面title */\r\n  //to 都是数组对象   \r\n  if (to.meta.title) {\r\n    window.document.title = to.meta.title ? to.meta.title : defaultTitle\r\n  }\r\n \r\n \r\n\r\n  next()\r\n\r\n})\r\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV-Demo_MaterialRack_Right_Side.vue?vue&type=style&index=0&id=ff280aa4&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV_Demo_MaterialRack_Header.vue?vue&type=style&index=0&id=3f6fdf4b&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV_Layout_AppRight.vue?vue&type=style&index=0&id=e730f1d2&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV_Layout_AppLeft.vue?vue&type=style&index=0&id=36f8124a&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV_Demo_MaterialRack_Left_Side_New.vue?vue&type=style&index=0&id=957f4096&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV_Scroll_Ranking_Board.vue?vue&type=style&index=0&id=3a7f1f66&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV_Demo_layout_MaterialRack.vue?vue&type=style&index=0&id=7ede7dbf&scoped=true&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DataV_Layout_AppButtom.vue?vue&type=style&index=0&id=ea92c93c&scoped=true&lang=css&\""],"sourceRoot":""}