1 line
7.7 KiB
JavaScript
1 line
7.7 KiB
JavaScript
webpackJsonp([249],{Q9vZ:function(t,i,e){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var a=e("Dd8w"),s=e.n(a),n=e("XLwt"),o=e.n(n),c=e("NYxO");window.addEventListener("resize",function(){location.reload()});var l={name:"kanban11",data:function(){return{date:"",time:"",weekday:"",flag:!1,showLogo:!1,logoUrlDefault:e("7Otq"),logoUrlSubei:e("8Rg0"),timer:{t1:-1},interval_time:"30000",deviceStatusTip:{"关机":"#7e7e7e","开机":"#ffc000","异常":"#ff0000"},DeviceStatusData:[],RunningPeriodData:[],DayProductionStatisticsData:[]}},components:{},computed:s()({},Object(c.e)({logoUrl:function(t){return t.common.logoUrl},logoUrlFlag:function(t){return t.common.logoUrlFlag}})),mounted:function(){var t=this;this.$api.kanbanAPI.allDeviceDataAdd().then(function(i){t.DeviceStatusData=i.data.outPutAll.slice(0,10),t.RunningPeriodData=i.data.runTimeAll.slice(0,4),t.DayProductionStatisticsData=i.data.outPutDay.slice(0,4),t.RunningPeriodData.forEach(function(i,e){t.setChartRunningPeriod(".RunningPeriodItem"+(e+1),i)}),t.DayProductionStatisticsData.forEach(function(i,e){i.outPutDay.forEach(function(t){t.createTime=t.createTime.slice(11,16)}),t.setChartDayProductionStatistics(".DayProductionStatisticsItem"+(e+1),i)}),t.$nextTick(function(){var t=this;this.DeviceStatusData.forEach(function(i,e){t.setChartDeviceUtilizationItem(".deviceUtilizationItem"+e,i)})})}),this.getLogo(),this.getTime(),clearInterval(this.timer.t1),this.timer.t1=setInterval(function(){t.getTime()},1e3)},methods:{setChartDayProductionStatistics:function(t,i){var e=["06:00","09:00","12:00","15:00","18:00","21:00"],a=o.a.init(document.querySelector(t)),s={title:[{text:i.deviceName,left:"center",top:10,textStyle:{color:"white"}},{text:"产量/个",left:10,top:20,textStyle:{color:"white",fontSize:12}}],xAxis:{type:"category",axisLine:{lineStyle:{color:"#708acc"}},data:i.outPutDay.map(function(t){return t.createTime}),axisLabel:{interval:function(t,i){return!!e.includes(i)}}},yAxis:{type:"value",axisLine:{lineStyle:{color:"#708acc"}},splitLine:{lineStyle:{color:"#708aaa"}}},tooltip:{trigger:"axis"},color:["#2db7f5"],series:[{data:i.outPutDay.map(function(t){return t.clValue}),type:"line",itemStyle:{normal:{label:{show:!1}}}}],grid:{left:"10%",right:"0%",bottom:"10%"}};a.setOption(s)},setChartRunningPeriod:function(t,i){var e=o.a.init(document.querySelector(t)),a={title:[{text:i.deviceName,left:"center",top:10,textStyle:{color:"white"}},{text:"工作时长/H",left:10,top:20,textStyle:{color:"white",fontSize:12}}],tooltip:{trigger:"axis"},xAxis:{type:"category",axisLine:{lineStyle:{color:"#708acc"}},data:i.runTimeAll.map(function(t){return t.createTime})},yAxis:{type:"value",axisLine:{lineStyle:{color:"#708acc"}},splitLine:{lineStyle:{color:"#708aaa"}}},color:["#2db7f5"],series:[{data:i.runTimeAll.map(function(t){return t.rtValue}),type:"line",itemStyle:{normal:{label:{show:!0}}}}],grid:{left:"10%",right:"0%",bottom:"10%"}};e.setOption(a)},setChartDeviceUtilizationItem:function(t,i){var e=o.a.init(document.querySelector(t)),a={grid:{left:"0%",right:"0%",bottom:"0%"},color:["#ffb400","#00a0e9"],graphic:{type:"text",left:"center",top:"center",style:{text:i.deviceName.length>3?i.deviceName.slice(0,3)+"...":i.deviceName,fill:"#64c1e7"}},series:[{name:i.deviceName,type:"pie",radius:["50%","70%"],label:{show:!1},data:[{value:12,name:"a"},{value:12,name:"b"}]}]};e.setOption(a)},getLogo:function(){var t=this;this.$api.fileAPI.getLogo().then(function(i){0==i.code&&"sbly"==i.logoUrl&&(t.flag=!0),t.showLogo=!0})},formatDate:function(t){return 1==t.toString().length?"0"+t:t},getTime:function(){var t=new Date;this.date=t.getFullYear()+"-"+this.formatDate(t.getMonth()+1)+"-"+this.formatDate(t.getDate()),this.time=this.formatDate(t.getHours())+":"+this.formatDate(t.getMinutes())+":"+this.formatDate(t.getSeconds());this.weekday=["日","一","二","三","四","五","六"][t.getDay()]}}},r={render:function(){var t=this,i=t.$createElement,a=t._self._c||i;return a("div",{staticClass:"home"},[a("div",{staticClass:"head_title"}),t._v(" "),t.logoUrlFlag?a("img",{staticClass:"logo_kanban",attrs:{src:t.logoUrl?t.logoUrl:t.logoUrlDefault}}):t._e(),t._v(" "),a("div",{staticClass:"time"},[t._v(t._s(t.time))]),t._v(" "),a("div",{staticClass:"date"},[a("div",[t._v(t._s(t.date))]),t._v(" "),a("div",[t._v("星期"+t._s(t.weekday))])]),t._v(" "),a("div",{staticClass:"main"},[a("div",{staticClass:"main_item"},[a("div",{staticClass:"item_out item_out1"},[a("div",{staticClass:"item_name"},[t._v("设备利用率")]),t._v(" "),a("div",{staticClass:"item_container"},[a("img",{staticClass:"item_container_back",staticStyle:{"z-index":"1"},attrs:{src:e("fI3W")}}),t._v(" "),a("div",{staticClass:"deviceUtilization",staticStyle:{width:"100%",height:"100%"},attrs:{id:"item8_container"}},[t._m(0),t._v(" "),a("div",{staticClass:"deviceUtilizationItemContainer"},t._l(t.DeviceStatusData,function(t,i){return a("div",{key:i,staticClass:"deviceUtilizationItem"},[a("div",{class:"deviceUtilizationItem"+i,staticStyle:{width:"100%",height:"100%"}})])}),0)])])]),t._v(" "),t._m(1)]),t._v(" "),a("div",{staticClass:"main_item"},[a("div",{staticClass:"item_out item_out4"},[t._m(2),t._v(" "),a("div",{staticClass:"item_container"},[a("img",{staticClass:"item_container_back",attrs:{src:e("fI3W")}}),t._v(" "),a("div",{staticClass:"charts_item_container item4_container"},t._l(t.DeviceStatusData,function(i,e){return a("div",{key:e,staticClass:"deviceItem",style:{backgroundColor:t.deviceStatusTip[i.valueStatus]}},[a("div",[a("div",[t._v(t._s(i.deviceName))]),t._v(" "),a("div",[t._v("累计生产:"+t._s(i.outPutAll))])])])}),0)])]),t._v(" "),t._m(3)])]),t._v(" "),a("footer")])},staticRenderFns:[function(){var t=this.$createElement,i=this._self._c||t;return i("div",{staticClass:"deviceUtilizationTitle"},[i("div",{staticClass:"bootTime"}),this._v("\n 开机时间\n "),i("div",{staticClass:"operationHours"}),this._v("\n 运行时间\n ")])},function(){var t=this.$createElement,i=this._self._c||t;return i("div",{staticClass:"item_out item_out2"},[i("div",{staticClass:"item_name"},[this._v("当日产量统计")]),this._v(" "),i("div",{staticClass:"item_container"},[i("img",{staticClass:"item_container_back",attrs:{src:e("fI3W")}}),this._v(" "),i("div",{staticClass:"charts_item_container item2_container"},[i("div",{staticClass:"div1 DayProductionStatisticsItem1"}),this._v(" "),i("div",{staticClass:"div2 DayProductionStatisticsItem2"}),this._v(" "),i("div",{staticClass:"div3 DayProductionStatisticsItem3"}),this._v(" "),i("div",{staticClass:"div4 DayProductionStatisticsItem4"})])])])},function(){var t=this.$createElement,i=this._self._c||t;return i("div",{staticClass:"item_name deviceStatus"},[this._v("\n 设备状态\n\n "),i("div",{staticClass:"deviceStatusTipContainer"},[i("div",{staticClass:"deviceStatusTip shutDown"},[this._v("关机")]),this._v(" "),i("div",{staticClass:"deviceStatusTip boot"},[this._v("开机")]),this._v(" "),i("div",{staticClass:"deviceStatusTip abnormal"},[this._v("异常")])])])},function(){var t=this.$createElement,i=this._self._c||t;return i("div",{staticClass:"item_out item_out5"},[i("div",{staticClass:"item_name"},[this._v("运行时长统计")]),this._v(" "),i("div",{staticClass:"item_container"},[i("img",{staticClass:"item_container_back",attrs:{src:e("fI3W")}}),this._v(" "),i("div",{staticClass:"charts_item_container item5_container"},[i("div",{staticClass:"div1 RunningPeriodItem1"}),this._v(" "),i("div",{staticClass:"div2 RunningPeriodItem2"}),this._v(" "),i("div",{staticClass:"div3 RunningPeriodItem3"}),this._v(" "),i("div",{staticClass:"div4 RunningPeriodItem4"})])])])}]};var v=e("VU/8")(l,r,!1,function(t){e("vy+3"),e("kFt6")},"data-v-1a040fe6",null);i.default=v.exports},kFt6:function(t,i){},"vy+3":function(t,i){}}); |