|
- "use strict";(self["webpackChunktft_mes"]=self["webpackChunktft_mes"]||[]).push([[777],{777:function(t,e,s){s.r(e),s.d(e,{default:function(){return X}});var a=function(){var t=this,e=t._self._c;return e("div",{staticClass:"home-container",attrs:{id:"home-container"}},[e("div",{staticClass:"title-bar"},[e("h2",{staticClass:"tip"},[t._v("生产监控看板")]),e("el-select",{attrs:{placeholder:"请选择名称",size:"small"},on:{change:t.changeLine},model:{value:t.lineName,callback:function(e){t.lineName=e},expression:"lineName"}},t._l(t.nameList,(function(t){return e("el-option",{key:t.dataCode,attrs:{label:t.dataName,value:t.dataCode}})})),1)],1),e("div",{staticClass:"kanban-container"},[e("el-row",{attrs:{gutter:8}},[e("el-col",{attrs:{span:12}},[e("div",{staticClass:"area1"},[e("top-title",{attrs:{icon:"home_title1",title:"生产进度",beilv:t.beilv}}),e("product-area",{attrs:{productMsg:t.productMsg,dbMsg:t.dbMsg,beilv:t.beilv}})],1)]),e("el-col",{attrs:{span:12}},[e("div",{staticClass:"area2"},[e("top-title",{attrs:{icon:"home_title2",title:"设备信息",beilv:t.beilv}}),e("device-area",{attrs:{list:t.deviceList,beilv:t.beilv}})],1)])],1),e("el-row",{attrs:{gutter:8}},[e("el-col",{attrs:{span:12}},[e("div",{staticClass:"area3"},[e("top-title",{attrs:{icon:"home_title3",title:"产能信息",beilv:t.beilv}}),e("capacity-area",{attrs:{list:t.capacityList}})],1)]),e("el-col",{attrs:{span:12}},[e("div",{staticClass:"area4"},[e("top-title",{attrs:{icon:"home_title4",title:"耗材信息",beilv:t.beilv}}),e("material-area",{attrs:{list:t.materialList}})],1)])],1)],1)])},i=[],l=function(){var t=this,e=t._self._c;return e("div",{staticClass:"home_module_title"},[e("svg-icon",{staticClass:"iconStyle",style:{fontSize:22*t.beilv+"px"},attrs:{"icon-class":t.icon}}),e("span",{staticClass:"titleStyle",style:{fontSize:16*t.beilv+"px"}},[t._v(t._s(t.title))])],1)},r=[],n={name:"TopTitle",props:{icon:{type:String,default:""},title:{type:String,default:""},beilv:{type:Number,default:1}}},o=n,c=s(1001),p=(0,c.Z)(o,l,r,!1,null,"632946fd",null),d=p.exports,m=function(){var t=this,e=t._self._c;return e("div",{staticClass:"capacity_box"},[e("el-row",{attrs:{gutter:15}},[e("el-col",{attrs:{span:12}},[e("base-table",{attrs:{page:t.listQuery1.current,limit:t.listQuery1.size,pageWidth:40,"table-props":t.tableProps,"table-data":t.tableDataL,"max-height":t.tableH}})],1),e("el-col",{attrs:{span:12}},[e("base-table",{attrs:{page:t.listQuery2.current,limit:t.listQuery2.size,pageWidth:40,"table-props":t.tableProps,"table-data":t.tableDataR,"max-height":t.tableH}})],1)],1)],1)},u=[];function h(){return(window.innerHeight-168)/2-55}const b=[{prop:"equipmentName",label:"设备名称",minWidth:98},{prop:"glassNumberIn",label:"投入数量",minWidth:98},{prop:"glassNumberOut",label:"输出数量",minWidth:98},{prop:"glassNumberMiss",label:"损失数量",minWidth:98}];var g={name:"CapacityArea",data(){return{tableProps:b,tableH:h(),listQuery1:{current:1,size:8},listQuery2:{current:2,size:8}}},mounted(){window.addEventListener("resize",(()=>{this.tableH=h()}))},props:{list:{type:Array,default:()=>[]},beilv:{type:Number,default:1}},computed:{tableDataL:function(){return this.list.length>8?this.list.slice(0,8):this.list.slice(0,this.list.length)},tableDataR:function(){return this.list.length>8?this.list.slice(8,16):[]}}},v=g,y=(0,c.Z)(v,m,u,!1,null,"4d0dc5dc",null),f=y.exports,_=function(){var t=this,e=t._self._c;return e("div",{staticClass:"material_box"},[e("el-row",{attrs:{gutter:15}},[e("el-col",{attrs:{span:12}},[e("base-table",{attrs:{page:t.listQuery1.current,limit:t.listQuery1.size,pageWidth:40,"table-props":t.tableProps,"table-data":t.tableDataL,"max-height":t.tableH}})],1),e("el-col",{attrs:{span:12}},[e("base-table",{attrs:{page:t.listQuery2.current,limit:t.listQuery2.size,pageWidth:40,"table-props":t.tableProps,"table-data":t.tableDataR,"max-height":t.tableH}})],1)],1)],1)},x=[];const C=[{prop:"equipmentName",label:"设备名称",minWidth:98},{prop:"material",label:"耗材名称",minWidth:98},{prop:"num",label:"使用次数",minWidth:98}];var M={name:"MaterialArea",data(){return{tableProps:C,tableH:h(),listQuery1:{current:1,size:8},listQuery2:{current:2,size:8}}},props:{list:{type:Array,default:()=>[]}},computed:{tableDataL:function(){return this.list.length>8?this.list.slice(0,8):this.list.slice(0,this.list.length)},tableDataR:function(){return this.list.length>8?this.list.slice(8,16):[]}},mounted(){window.addEventListener("resize",(()=>{this.tableH=h()}))}},F=M,w=(0,c.Z)(F,_,x,!1,null,"7e600a8c",null),L=w.exports,z=function(){var t=this,e=t._self._c;return e("ul",{staticClass:"device_alarm",style:{padding:12*t.beilv+"px "+30*t.beilv+"px 0"}},t._l(t.list,(function(s,a){return e("li",{key:a,staticClass:"alarm_item",style:{padding:8*t.beilv+"px 0 "+8*t.beilv+"px "+18*t.beilv+"px"}},[e("div",{staticClass:"alarm_tip",style:{fontSize:14*t.beilv+"px"}},["placeholder"!==s.name?e("span",{staticClass:"device_name"},[t._v(t._s(s.name))]):t._e(),"placeholder"!==s.name?e("span",{staticClass:"alarm_num",class:{class_red:s.num>0,class_green:0===s.num}},[t._v(t._s(s.num))]):t._e()]),s.children||"placeholder"===s.name?e("div",{staticClass:"special_item"},[t._l(s.children,(function(s,a){return e("div",{key:a},[e("svg-icon",{staticClass:"icon-style alarm_grey",class:{alarm_yellow:"调机"===s.mode,alarm_grey:"停机"===s.mode,alarm_green:"生产"===s.mode},style:{fontSize:24*t.beilv+"px"},attrs:{"icon-class":"home_alarm"}}),e("span",{staticClass:"sub_name",style:{fontSize:15*t.beilv+"px"}},[t._v(t._s(s.name))])],1)})),"placeholder"!==s.name?e("div",{staticClass:"model_style model_style2",style:{fontSize:12*t.beilv+"px",width:60*t.beilv+"px",left:80*t.beilv+"px"}},[e("p",[t._v("当前模式")]),e("span",[t._v(t._s(s.state))])]):t._e()],2):e("div",[e("svg-icon",{staticClass:"icon-style",class:{alarm_yellow:"调机"===s.mode,alarm_grey:"停机"===s.mode,alarm_green:"生产"===s.mode},style:{fontSize:22*t.beilv+"px"},attrs:{"icon-class":"home_alarm"}}),e("span",{staticClass:"model_style",style:{fontSize:12*t.beilv+"px"}},[t._v("当前模式 "),e("span",{staticClass:"separate_color"},[t._v("|")]),t._v(" "+t._s(s.state))])],1)])})),0)},S=[],N={name:"DeviceArea",data(){return{listA:[{name:"划线机1",num:1e3,mode:"生产",state:"全自动"},{name:"划线机2",num:1023,mode:"生产",state:"全自动"},{name:"划线机3",num:1044,mode:"生产",state:"全自动"},{name:"划线机4",num:100,mode:"调机",state:"全自动"},{name:"划线机5",num:1011,mode:"生产",state:"全自动"},{name:"划线机6",num:899,mode:"生产",state:"半自动"},{name:"划线机7",num:1e3,mode:"生产",state:"全自动"},{name:"划线机8",num:1e3,mode:"生产",state:"全自动"},{name:"划线机9",num:3,mode:"调机",state:"半自动"},{name:"划线机10",num:0,mode:"停机",state:"全自动"},{name:"划线机11",num:0,mode:"停机",state:"全自动"},{name:"划线机12",num:1e3,mode:"生产",state:"全自动"},{name:"划线机13",num:10,mode:"调机",state:"全自动"},{name:"划线机14",num:1e3,mode:"生产",state:"全自动"},{name:"划线机15",num:0,mode:"停机",state:"全自动"},{name:"划线机16",num:20,state:"全自动",children:[{name:"粗磨1",num:100,mode:"生产"},{name:"粗磨2",num:100,mode:"生产"},{name:"抛光1",num:500,mode:"生产"}]},{name:"划线机17",num:20,state:"全自动",children:[{name:"粗磨1",num:100,mode:"生产"},{name:"粗磨2",num:100,mode:"生产"},{name:"抛光1",num:500,mode:"生产"}]},{name:"划线机18",num:0,state:"全自动",children:[{name:"粗磨1",mode:"生产"},{name:"粗磨2",mode:"生产"},{name:"抛光1",mode:"生产"}]},{name:"placeholder"},{name:"placeholder"}]}},props:{list:{type:Array,default:()=>[]},beilv:{type:Number,default:1}}},D=N,P=(0,c.Z)(D,z,S,!1,null,"8c9c62bc",null),k=P.exports,H=function(){var t=this,e=t._self._c;return e("ul",{staticClass:"product_area",style:{padding:12*t.beilv+"px 0 0 "+23*t.beilv+"px"}},[e("li",{staticClass:"box_left"},[e("div",{staticClass:"title",style:{marginBottom:14*t.beilv+"px",fontSize:14*t.beilv+"px"}},[e("span",[t._v("生产信息")]),e("span",[t._v("工单号："+t._s(t.productMsg.code))])]),e("el-row",{attrs:{gutter:16}},[e("el-col",{attrs:{span:10}},[e("div",{staticClass:"plan_num",style:{padding:14*t.beilv+"px 0px "+12*t.beilv+"px "+16*t.beilv+"px",marginBottom:10*t.beilv+"px"}},[e("svg-icon",{style:{fontSize:30*t.beilv+"px",marginBottom:6*t.beilv+"px"},attrs:{"icon-class":"home_plan"}}),e("p",{staticClass:"num",style:{fontSize:24*t.beilv+"px",marginBottom:5*t.beilv+"px"}},[t._v(" "+t._s(t.productMsg.planNum)+" ")]),e("p",{staticClass:"words"},[t._v("计划数量")])],1),e("div",{staticClass:"product_num",style:{padding:14*t.beilv+"px 0px "+12*t.beilv+"px "+16*t.beilv+"px",marginBottom:10*t.beilv+"px"}},[e("svg-icon",{style:{fontSize:30*t.beilv+"px",marginBottom:6*t.beilv+"px"},attrs:{"icon-class":"home_product"}}),e("p",{staticClass:"num",style:{fontSize:24*t.beilv+"px",marginBottom:5*t.beilv+"px"}},[t._v(" "+t._s(t.productMsg.realProductNum)+" ")]),e("p",{staticClass:"words"},[t._v("生产数量")])],1)]),e("el-col",{attrs:{span:14}},[e("ring-chart",{attrs:{chartMsg:t.productMsg,beilv:t.beilv}})],1)],1),e("el-row",[e("el-col",{attrs:{span:24}},[e("div",{staticClass:"progress_box",style:{fontSize:14*t.beilv+"px"}},[e("span",[t._v("工单进度")]),e("span",{staticClass:"blue_color"},[t._v(t._s(t.progressPercentage))]),e("div",{staticClass:"home_progress"},[isNaN(parseInt(t.progressP))?t._e():e("el-progress",{attrs:{"text-inside":!0,"stroke-width":t.strokeWidth,percentage:t.progressP}})],1)])])],1)],1),e("li",{staticClass:"box_right",style:{padding:"0 "+40*t.beilv+"px",fontSize:14*t.beilv+"px"}},[t._m(0),e("div",[e("div",{staticClass:"progress_box",style:{marginBottom:16*t.beilv+"px",paddingTop:18*t.beilv+"px"}},[e("span",[t._v("13时直通率")]),e("span",{staticClass:"blue_color"},[t._v(t._s(t.lastHourFpy))]),e("div",{staticClass:"home_progress"},[e("el-progress",{attrs:{"text-inside":!0,"stroke-width":t.strokeWidth,percentage:t.lastHourFpyP}})],1)]),e("div",{staticClass:"progress_box",style:{marginBottom:92*t.beilv+"px"}},[e("span",[t._v("14时直通率")]),e("span",{staticClass:"blue_color"},[t._v(t._s(t.nowFpy))]),e("div",{staticClass:"home_progress"},[e("el-progress",{attrs:{"text-inside":!0,"stroke-width":t.strokeWidth,percentage:t.nowFpyP}})],1)])]),e("div",{staticClass:"progress_box",style:{marginBottom:16*t.beilv+"px"}},[e("span",[t._v("昨日直通率")]),e("span",{staticClass:"blue_color"},[t._v(t._s(t.yesterdayFpy))]),e("div",{staticClass:"home_progress"},[e("el-progress",{attrs:{"text-inside":!0,"stroke-width":t.strokeWidth,percentage:t.yesterdayFpyP}})],1)]),e("div",{staticClass:"progress_box"},[e("span",[t._v("今日直通率")]),e("span",{staticClass:"blue_color"},[t._v(t._s(t.todayFpy))]),e("div",{staticClass:"home_progress"},[e("el-progress",{attrs:{"text-inside":!0,"stroke-width":t.strokeWidth,percentage:t.todayFpyP}})],1)])])])},W=[function(){var t=this,e=t._self._c;return e("div",{staticClass:"title"},[e("span",[t._v("对比信息")])])}],B=function(){var t=this,e=t._self._c;return e("div",{style:{height:250*t.beilv+"px",width:"100%"},attrs:{id:"productRing"}})},Z=[],A=s(7171),Q=s(5468),I={mixins:[Q.Z],name:"RingChart",props:{chartMsg:{type:Object,default:()=>({chart:""})},beilv:{type:Number,default:1}},mounted(){this.initChart()},watch:{chartMsg:function(){this.initChart()}},methods:{initChart(){null!==this.chart&&""!==this.chart&&void 0!==this.chart&&this.chart.dispose();var t=document.getElementById("productRing");this.chart=A.S1(t);var e=this.chartMsg.finishNum,s=this.chartMsg.okNum,a=this.chartMsg.wasteNum,i=this.chartMsg.reprocessNum,l=this.chartMsg.tuneNum,r={color:["#288aff","#7a34fd","#ffb750","#95f3b1"],tooltip:{trigger:"item"},legend:{icon:"circle",bottom:"4%",left:"center",itemWidth:8,itemHeight:8},series:[{type:"pie",zlevel:2,radius:["47%","50%"],center:["50%","45%"],label:{show:!1},itemStyle:{shadowBlur:10,shadowColor:"rgba(209, 204, 214, 0.64)",color:"#fff"},tooltip:{show:!1},emphasis:{scale:!1},data:[100]},{type:"pie",radius:["60%","61%"],center:["50%","45%"],zlevel:1,label:{show:!1},itemStyle:{shadowBlur:10,shadowColor:"rgba(0,0,0,.5)",color:"#fff"},tooltip:{show:!1},emphasis:{scale:!1},data:[100]},{name:"Access From",zlevel:2,type:"pie",radius:["50%","60%"],center:["50%","45%"],clockwise:!0,avoidLabelOverlap:!1,emphasis:{scale:!1},silent:!0,label:{show:!0,position:"center",color:"#9A9EBA",formatter:["{a|"+e+"}","{b|总生产数量}"].join("\n\n"),rich:{a:{color:"#262626",fontSize:24},b:{color:"#979797",fontSize:12}}},labelLine:{show:!1},data:[{value:s,name:"良品数量 "+s,itemStyle:{color:"#288aff"}},{value:a,name:"废品数量 "+a,itemStyle:{color:"#7a34fd"}},{value:i,name:"待再加工 "+i,itemStyle:{color:"#ffb750"}},{value:l,name:"调机数量 "+l,itemStyle:{color:"#95f3b1"}}]}]};this.chart.setOption(r,!0)}}},E=I,R=(0,c.Z)(E,B,Z,!1,null,null,null),O=R.exports,T={name:"ProductArea",components:{RingChart:O},data(){return{}},props:{productMsg:{type:Object,default:()=>({})},dbMsg:{type:Object,default:()=>({})},beilv:{type:Number,default:1}},computed:{strokeWidth:function(){return 16*this.beilv},progressP:function(){return this.productMsg.process?parseFloat((100*this.productMsg.process).toFixed(2)):0},progressPercentage:function(){return this.productMsg.process?(100*this.productMsg.process).toFixed(2)+"%":"0%"},lastHourFpy:function(){return this.dbMsg.lastHourFpy?(100*this.dbMsg.lastHourFpy).toFixed(2)+"%":"0%"},lastHourFpyP:function(){return this.dbMsg.lastHourFpy?parseFloat((100*this.dbMsg.lastHourFpy).toFixed(2)):0},todayFpy:function(){return this.dbMsg.todayFpy?(100*this.dbMsg.todayFpy).toFixed(2)+"%":"0%"},todayFpyP:function(){return this.dbMsg.todayFpy?parseFloat((100*this.dbMsg.todayFpy).toFixed(2)):0},nowFpy:function(){return this.dbMsg.nowFpy?(100*this.dbMsg.nowFpy).toFixed(2)+"%":"0%"},nowFpyP:function(){return this.dbMsg.nowFpy?parseFloat((100*this.dbMsg.nowFpy).toFixed(2)):0},yesterdayFpy:function(){return this.dbMsg.yesterdayFpy?(100*this.dbMsg.yesterdayFpy).toFixed(2)+"%":"0%"},yesterdayFpyP:function(){return this.dbMsg.yesterdayFpy?parseFloat((100*this.dbMsg.yesterdayFpy).toFixed(2)):0}}},j=T,q=(0,c.Z)(j,H,W,!1,null,"a99e4070",null),V=q.exports,J=s(5591),G={name:"HomePage",components:{TopTitle:d,CapacityArea:f,MaterialArea:L,DeviceArea:k,ProductArea:V},data(){return{beilv:1,lineName:1,nameList:JSON.parse(localStorage.getItem("publicList")).proLineVoList,productMsg:{},dbMsg:{},deviceList:[],materialList:[],capacityList:[]}},mounted(){this.beilv=document.getElementById("home-container").offsetWidth/1920,window.addEventListener("resize",(()=>{this.beilv=document.getElementById("home-container").offsetWidth/1920})),this.getMsg()},methods:{getMsg(){this.getProductMsg(),this.getDeviceMsg(),this.getMaterialData(),this.getData(),this.getDBData()},changeLine(t){this.lineName=t,this.getMsg()},getProductMsg(){(0,J.b6)({productionLineId:this.lineName}).then((t=>{0===t.code?this.productMsg=t.data:this.productMsg={}}))},getDBData(){(0,J.jL)({productionLineId:this.lineName}).then((t=>{0===t.code?this.dbMsg=t.data:this.dbMsg={}}))},getDeviceMsg(){(0,J.Hp)({id:this.lineName}).then((t=>{0===t.code?this.deviceList=t.data:this.deviceList=[]}))},getMaterialData(){(0,J.m)({id:this.lineName}).then((t=>{0===t.code?this.materialList=t.data:this.materialList=[]}))},getData(){(0,J.Vx)({id:this.lineName}).then((t=>{0===t.code?this.capacityList=t.data:this.capacityList=[]}))}}},K=G,U=(0,c.Z)(K,a,i,!1,null,"2d39b76b",null),X=U.exports},5591:function(t,e,s){s.d(e,{FH:function(){return n},Hp:function(){return c},JQ:function(){return r},SI:function(){return l},Vx:function(){return p},WQ:function(){return u},b6:function(){return d},iv:function(){return i},jL:function(){return o},m:function(){return m}});var a=s(8859);function i(){return(0,a.Z)({url:"/common/getList",method:"post"})}function l(){return(0,a.Z)({url:"/common/getTreeData",method:"post"})}function r(t){return(0,a.Z)({url:"/common/updateEqSeq",method:"post",data:t})}function n(t){return(0,a.Z)({url:"/common/attachment/downloadFile",method:"get",responseType:"blob",params:t,timeout:6e4})}function o(t){return(0,a.Z)({url:"/common/getFpyData",method:"post",data:t})}function c(t){return(0,a.Z)({url:"/common/getAlarmData",method:"post",data:t})}function p(t){return(0,a.Z)({url:"/common/getCapacityData",method:"post",data:t})}function d(t){return(0,a.Z)({url:"/common/getProductData",method:"post",data:t})}function m(t){return(0,a.Z)({url:"/common/getMaterialData",method:"post",data:t})}const u="/api/common/attachment/uploadFileFormData"}}]);
|
