| 12 |
- (function(){"use strict";var t={5683:function(t,e,a){var i=a(144),n=a(4720),r=a.n(n),s=a(2261),o=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{attrs:{id:"app"}},[a("div",{staticClass:"nav"},[t._m(0),a("div",{staticClass:"btn right"},[a("el-button",[t._v("日期")]),a("el-button",{class:{active:1==t.change},attrs:{size:"mini"},on:{click:function(e){return t.btn(1)}}},[t._v("近一天")]),a("el-button",{class:{active:2==t.change},attrs:{size:"mini"},on:{click:function(e){return t.btn(2)}}},[t._v("近七天")]),a("el-button",{class:{active:3==t.change},attrs:{size:"mini"},on:{click:function(e){return t.btn(3)}}},[t._v("近一月")]),a("el-button",{class:{active:4==t.change},attrs:{size:"mini"},on:{click:function(e){return t.btn(4)}}},[t._v("近三月")])],1),a("div",{staticClass:"div-picker"},[a("el-date-picker",{staticClass:"picker",attrs:{size:"mini",type:"daterange","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期","value-format":"timestamp"},on:{change:t.DateChange},model:{value:t.value1,callback:function(e){t.value1=e},expression:"value1"}})],1)]),a("div",{staticClass:"deviceInfo"},[a("el-card",[a("div",{staticClass:"info"},[a("span",[t._v("设备编号:"+t._s(t.device_id))]),a("div",{staticClass:"lines"}),a("span",{staticClass:"test"},[t._v("测试名称:"+t._s(t.device_name))]),a("div",{staticClass:"lines"}),a("span",[t._v("安装位置:"+t._s(t.device_addr))])])])],1),a("div",{staticClass:"container"},[a("el-row",{staticStyle:{width:"100%"},attrs:{gutter:10}},t._l(t.list,(function(t,e){return a("el-col",{key:e,attrs:{sm:12,md:8,lg:6}},[a("el-card",{staticClass:"main",staticStyle:{width:"100%",height:"25rem"}})],1)})),1)],1)])},l=[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"div-watch"},[a("span",{staticClass:"watch"},[t._v("环境监测设备页面")])])}],c=a(9669),d=a.n(c);function u(t="",e={},a="GET"){let i;return new Promise(((n,r)=>{"GET"===a.toUpperCase()?i=d()({url:t,params:e}):"POST"===a.toUpperCase()&&(i=d()({method:"post",url:t,data:e})),i.then((t=>{n(t)})).catch((t=>{r(t)}))}))}d().defaults.timeout=1e4,d().defaults.headers.post["Content-Type"]="application/x-www-form-urlencoded;charset=UTF-8";const h=(t,e,a)=>u(`/api/qxz_data_chart?device_id=${t}&start_time=${e}&end_time=${a}`);var f={name:"App",data(){return{value1:"",change:1,device_id:"",device_name:"",device_addr:"",list:[],legends:[],xData:[],titles:[]}},mounted(){let t=window.location.href;t=t.split("=")[1];let e=Date.parse(new Date)/1e3,a=e-86400;this.device_id=t,this.getData(this.device_id,a,e)},methods:{DateChange(){this.change="";var t=this.value1[0]/1e3,e=this.value1[1]/1e3;this.getData(this.device_id,t,e)},btn(t){this.change=t;let e=Date.now()/1e3;1==t&&this.getData(this.device_id,Math.floor(e-86400),Math.floor(e)),2==t&&this.getData(this.device_id,Math.floor(e-604800),Math.floor(e)),3==t&&this.getData(this.device_id,Math.floor(e-2592e3),Math.floor(e)),4==t&&this.getData(this.device_id,Math.floor(e-7776e3),Math.floor(e))},formatTime(t){if(t){let e=new Date(1e3*t),a=e.getFullYear(),i=e.getMonth()+1<10?`0${e.getMonth()+1}`:e.getMonth()+1,n=e.getDate()<10?`0${e.getDate()}`:e.getDate(),r=e.getHours()<10?`0${e.getHours()}`:e.getHours(),s=e.getMinutes()<10?`0${e.getMinutes()}`:e.getMinutes(),o=e.getSeconds()<10?`0${e.getSeconds()}`:e.getSeconds();return`${a}-${i}-${n} ${r}:${s}:${o}`}return""},myEcharts(t){var e=document.getElementsByClassName("main");console.log(e),setTimeout((()=>{for(var a=[],i=[],n=[],r=0;r<e.length;r++){a=[],i=[],n=[];for(var s=0;s<t[r].length;s++)a.push(t[r][s].data[0]),i.push(t[r][s].data[1]);for(let e=0;e<t[r].length;e++){var o={},l=new Date(1e3*i[e]),c=l.getDate(),d=l.getMonth()+1,u=l.getHours(),h=l.getMinutes();u>=22&&u<24||u>=0&&u<2?o=[d+"/"+c]:(o=[u+":"+h],o=[(u<10?`0${u}`:u)+":"+(h<10?`0${h}`:h)]),n.push(o)}var f=this.$echarts.init(e[r]),v=this.titles[r].split("#")[0]+"("+a[a.length-1]+this.titles[r].split("#")[1]+")";f.setOption({title:{text:v,padding:[20,20,100,30],textStyle:{fontWeight:"normal"}},grid:{left:"15%"},tooltip:{trigger:"axis",formatter:t=>{var e=`<div>\n ${this.formatTime(i[t[0].dataIndex])} <br/>\n ${this.titles[Number(t[0].seriesName.slice(1))-1].split("#")[0]}:${t[0].value} \n ${this.titles[Number(t[0].seriesName.slice(1))-1].split("#")[1]}\n </div>`;return e}},color:"#00DE94",legend:{orient:"vertical",x:"center",y:"bottom"},xAxis:{type:"category",boundaryGap:!1,data:n},yAxis:{type:"value"},series:[{lineStyle:{color:"#00DE94"},symbol:"none",name:this.legends[r],type:"line",data:a}],graphic:{type:"text",left:"center",top:"middle",silent:!0,invisible:a.length>0,style:{fill:"#9d9d9d",fontWeight:"bold",text:"暂无数据",fontFamily:"Microsoft YaHei",fontSize:"25px"}}})}}),1e3)},getData(t,e,a){h(t,e,a).then((t=>{if(200===t.status){this.device_id=t.data.data_info.device_id,this.device_name=t.data.data_info.device_name,this.device_addr=t.data.data_info.device_addr;var e=Object.keys(t.data.conf);this.legends=e;var a=Object.values(t.data.conf);a=a.filter((t=>!!t)),this.titles=a;var i=0;for(var n in t.data.conf)t.data.conf[n]&&i++;this.list=i;for(var r=[],s={},o=0;o<i;o++){for(var l=[],c=0;c<t.data.data.length;c++){s={};var d=t.data.data[c].dat["e"+(o+1)].split("#")[0];-99.99==d||(s["data"]=[Number(d),t.data.data[c].time],l.push(s))}r.push(l)}for(let t=0;t<r.length;t++)r[t].reverse();this.myEcharts(r)}}))}}},v=f,p=a(1001),g=(0,p.Z)(v,o,l,!1,null,null,null),m=g.exports;i["default"].use(r()),i["default"].config.productionTip=!1,i["default"].prototype.$echarts=s,new i["default"]({render:t=>t(m)}).$mount("#app")}},e={};function a(i){var n=e[i];if(void 0!==n)return n.exports;var r=e[i]={exports:{}};return t[i](r,r.exports,a),r.exports}a.m=t,function(){var t=[];a.O=function(e,i,n,r){if(!i){var s=1/0;for(d=0;d<t.length;d++){i=t[d][0],n=t[d][1],r=t[d][2];for(var o=!0,l=0;l<i.length;l++)(!1&r||s>=r)&&Object.keys(a.O).every((function(t){return a.O[t](i[l])}))?i.splice(l--,1):(o=!1,r<s&&(s=r));if(o){t.splice(d--,1);var c=n();void 0!==c&&(e=c)}}return e}r=r||0;for(var d=t.length;d>0&&t[d-1][2]>r;d--)t[d]=t[d-1];t[d]=[i,n,r]}}(),function(){a.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return a.d(e,{a:e}),e}}(),function(){a.d=function(t,e){for(var i in e)a.o(e,i)&&!a.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})}}(),function(){a.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"===typeof window)return window}}()}(),function(){a.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)}}(),function(){a.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}}(),function(){var t={143:0};a.O.j=function(e){return 0===t[e]};var e=function(e,i){var n,r,s=i[0],o=i[1],l=i[2],c=0;if(s.some((function(e){return 0!==t[e]}))){for(n in o)a.o(o,n)&&(a.m[n]=o[n]);if(l)var d=l(a)}for(e&&e(i);c<s.length;c++)r=s[c],a.o(t,r)&&t[r]&&t[r][0](),t[r]=0;return a.O(d)},i=self["webpackChunkmy_app"]=self["webpackChunkmy_app"]||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))}();var i=a.O(void 0,[998],(function(){return a(5683)}));i=a.O(i)})();
- //# sourceMappingURL=app.aefaf9b3.js.map
|
