webpackJsonp([148],{"7jbM":function(t,e){},HLdM:function(t,e){},eBiI:function(t,e,a){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=a("Dd8w"),n=a.n(i),s=a("XLwt"),o=a.n(s),r=a("TIfe"),l=a("lbHh"),c=a.n(l),d=a("NYxO"),u=null;window.onbeforeunload=function(){u&&u.close()},window.addEventListener("resize",function(){});var v={name:"kanban",data:function(){return{config:{value:66},timer_list:"",loading:!0,first_in:!0,dialog_title:"",innerVisible:!1,dataList:[],totalPages:0,search_data:{pageno:1,pagesize:10},is_first:!0,is_last:!0,date:"",time:"",weekday:"",flag:!1,showLogo:!1,logoUrlDefault:a("7Otq"),logoUrlSubei:a("8Rg0"),interval_time:"10000",websoketData:[],pointInfoList:[{pointName:"每日产量",pointKey:"mrcl",value:0,unitUomName:"米"},{pointName:"今日开机时间",pointKey:"jrkjsjString",value:0,unitUomName:""},{pointName:"累计米数",pointKey:"ljms",value:0,unitUomName:"米"},{pointName:"今日电量",pointKey:"jrdl",value:0,unitUomName:"度"},{pointName:"累计运行时长",pointKey:"ljyxsc",value:0,unitUomName:"Min"}]}},components:{},computed:n()({},Object(d.e)({logoUrl:function(t){return t.common.logoUrl},logoUrlFlag:function(t){return t.common.logoUrlFlag}})),activated:function(){this.dataList.length>0?(this.openWebsoket(),this.onmessageWebsoket()):this.first_in=!0},beforeRouteLeave:function(t,e,a){this.closeWebSocket(),a()},mounted:function(){document.documentElement.clientWidth,document.documentElement.clientHeight;this.$route.query.deptId&&this.$set(this.search_data,"deptId",this.$route.query.deptId),this.getLogo(),this.getTime();var t=this;setInterval(function(){t.getTime()},1e3),this.getList(),setInterval(function(){t.is_last?t.to_pre():t.to_next()},3e4)},watch:{websoketData:{handler:function(t,e){"{"==t[0]&&JSON.parse(t).datas&&this.dataList.length>0&&this.changeValue()},deep:!0},$route:"fetchData"},methods:{getLogo:function(){var t=this;this.$api.fileAPI.getLogo().then(function(e){0==e.code&&"sbly"==e.logoUrl&&(t.flag=!0),t.showLogo=!0})},closeWebSocket:function(){u.close()},openWebsoket:function(){u&&u.close();window.location.href.split("//")[1].split(":")[0],JSON.parse(c.a.get("userInfo")).port;var t="ws://"+JSON.parse(c.a.get("userInfo")).mqttUrl+"/cusWebSocket/"+r.a.hasToken();"WebSocket"in window?u=new WebSocket(t):alert("Not support websocket"),u.onopen=function(t){}},onmessageWebsoket:function(){var t=this;u.onmessage=function(e){t.websoketData=e.data}},changeValue:function(){if("{"==this.websoketData[0])for(var t=JSON.parse(this.websoketData).datas,e=0;e<this.dataList.length;e++){var a=this.dataList[e].pointList;if(a)for(var i=0;i<a.length;i++)for(var n=0;n<t.length;n++)a[i].pointId==t[n].pointId&&(!1,this.$set(a[i],"value",t[n].value))}},to_pre:function(){1!=this.search_data.pageno&&(this.search_data.pageno=this.search_data.pageno-1,this.first_in=!0,this.getList())},to_next:function(){this.search_data.pageno!=this.totalPages&&(this.search_data.pageno=this.search_data.pageno+1,this.first_in=!0,this.getList())},to_dispatch:function(t){window.open("/#/jobShop/dispatch?deviceName="+encodeURIComponent(t.deviceName)+"&deviceId="+t.deviceId+"&t="+Date.now())},getList:function(){var t=this;console.log("进来了"),this.$api.yxkAPI.yxkPost("/apis/hl/kanban/kanbanTwo",this.search_data).then(function(e){t.loading=!1;var a=t;clearTimeout(a.timer_list),a.timer_list=setTimeout(function(){a.getList()},a.interval_time),0===e.code&&(t.dataList=e.data.records?e.data.records:[],t.first_in=!1,t.totalPages=e.data.pages?e.data.pages:0,t.search_data.pageno>1?t.is_first=!1:t.is_first=!0,t.search_data.pageno==e.data.pages?t.is_last=!0:t.is_last=!1)})},deviceCapacity:function(t){this.innerVisible=!0,this.dialog_title=t.deviceName+"产能分析",this.$nextTick(function(){var e,a=o.a.init(document.querySelector(".chart_container"));this.$api.kanbanAPI.ManageKanbanDeviceCapacityAnalysis(t.deviceId).then(function(t){if(0===t.code){var i=[],n=[],s=[];if(t.data)for(var o in t.data)i.push(o),t.data[o].actualCapacity<=t.data[o].totalCapacity?(n.push(t.data[o].actualCapacity),s.push({value:t.data[o].totalCapacity-t.data[o].actualCapacity,rate:t.data[o].rate+"%",is_red:!1})):(n.push(t.data[o].totalCapacity),s.push({value:t.data[o].actualCapacity-t.data[o].totalCapacity,rate:t.data[o].rate+"%",is_red:!0}));e.xAxis.data=i,e.series[0].data=n,e.series[1].data=s,a.setOption(e,!0)}}),e={title:{text:"",left:"center"},tooltip:{trigger:"axis",axisPointer:{type:"shadow"},formatter:function(t){if(t[1].data.is_red){var e=t[0].value+t[1].value,a=t[0].value;return t[0].name+"<br>实际产能："+e+"<br>总产能："+a}var i=t[0].value,n=t[1].value+t[0].value;return t[0].name+"<br>实际产能："+i+"<br>总产能："+n}},xAxis:{name:"日期",type:"category",data:[],axisLabel:{interval:0,rotate:30}},yAxis:[{name:"设备产能(工时)",type:"value"}],grid:{left:"40",bottom:"10",top:"40",right:"15",containLabel:!0},series:[{data:[],type:"bar",stack:"产能",barWidth:30,itemStyle:{color:function(t){return"#20a267"}}},{name:"",type:"bar",stack:"产能",barWidth:30,itemStyle:{normal:{color:function(t){return t.data.is_red?"#df5c53":"#dfdfdf"},label:{show:!0,position:"top",formatter:function(t){return t.data.rate},textStyle:{color:"#1a1a1a",fontSize:12}}}},data:[]}]}})},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()]}}},h={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("div",{staticClass:"home"},[a("dv-border-box-1",[a("div",{staticClass:"head_title"},[t._v("数字化设备监控大屏")]),t._v(" "),a("div",{staticClass:"time2"},[a("div",[t._v(t._s(t.date))]),t._v(" "),a("div",{staticStyle:{"margin-left":"12px"}},[t._v(t._s(t.time))])]),t._v(" "),a("div",{staticClass:"main"},[a("div",{class:t.is_first?"main_pre":"main_pre main_pre_light",on:{click:t.to_pre}}),t._v(" "),a("div",{directives:[{name:"loading",rawName:"v-loading",value:t.loading,expression:"loading"}],staticClass:"main_center",attrs:{"element-loading-background":"rgba(0, 0, 0, 0.4)"}},t._l(t.dataList,function(e,i){return a("div",{staticClass:"main_item"},[a("dv-border-box-13",{attrs:{backgroundColor:"rgba(11, 21, 44, 0.8)"}},[a("div",{staticClass:"item_top"},[a("div",{staticClass:"item_top_left"},[a("div",[t._v(t._s(e.deviceName))])]),t._v(" "),a("div",{staticClass:"item_top_left item_top_right"},[a("div",{staticClass:"item_top_right_div"},[a("div",{class:"开机"==e.status?"work_bg":"close_bg",staticStyle:{width:"80%","text-align":"center"}},[t._v("\n                    "+t._s(e.status)+"\n                  ")])])])]),t._v(" "),a("div",{staticClass:"item_center"},[a("div",{staticStyle:{width:"100%",height:"100%",display:"flex","flex-direction":"column","justify-content":"center","align-items":"center"}},[a("el-progress",{attrs:{width:"95","text-color":"#fff",type:"circle","stroke-width":8,percentage:e.ktl?e.ktl:0}}),t._v(" "),a("div",{staticStyle:{"font-size":"12px","text-align":"center",position:"absolute",top:"57%"}},[t._v("\n                  开通率\n                ")]),t._v(" "),a("div",{staticStyle:{"font-size":"12px","text-align":"center"}})],1)]),t._v(" "),a("div",{staticClass:"item_bottom"},[a("div",{staticClass:"item_table"},t._l(t.pointInfoList,function(i,n){return a("div",{staticClass:"item_table_item"},[a("div",[t._v(t._s(i.pointName))]),t._v(" "),a("div",[t._v(t._s(e[i.pointKey]))]),t._v(" "),a("div",[t._v(t._s(i.unitUomName))])])}),0)])])],1)}),0),t._v(" "),a("div",{class:t.is_last?"main_next":"main_next main_next_light",on:{click:t.to_next}})]),t._v(" "),a("footer"),t._v(" "),a("el-dialog",{directives:[{name:"dialogDrag",rawName:"v-dialogDrag"}],attrs:{center:"",title:t.dialog_title,visible:t.innerVisible,width:"900px"},on:{"update:visible":function(e){t.innerVisible=e}}},[a("div",{staticClass:"chart_container"}),t._v(" "),a("div",{staticClass:"charts_footer"},[a("el-button",{attrs:{type:"primary",size:"small"},on:{click:function(e){t.innerVisible=!1}}},[t._v("关闭")])],1)])],1)],1)},staticRenderFns:[]};var _=a("VU/8")(v,h,!1,function(t){a("HLdM"),a("7jbM")},"data-v-efa2411a",null);e.default=_.exports}});