1 linha
15 KiB
JavaScript
1 linha
15 KiB
JavaScript
"use strict";(self["webpackChunktft_mes"]=self["webpackChunktft_mes"]||[]).push([[7572],{7572:function(t,e,a){a.r(e),a.d(e,{default:function(){return X}});var s=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"},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,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")],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=a(1001),m=(0,c.Z)(o,l,r,!1,null,"632946fd",null),p=m.exports,d=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 v=[{prop:"line",label:"设备名称",minWidth:98},{prop:"unit1",label:"投入数量",minWidth:98},{prop:"unit2",label:"输出数量",minWidth:98},{prop:"unit3",label:"损失数量",minWidth:98}];var b={name:"CapacityArea",data(){return{tableProps:v,tableDataL:[],tableDataR:[],tableH:h(),listQuery1:{current:1,size:8},listQuery2:{current:2,size:8}}},mounted(){window.addEventListener("resize",(()=>{this.tableH=h()})),this.getList()},methods:{getList(){let t=[];for(let e=0;e<16;e++){let a={};a.id=e,a.line="设备"+e,t.push(a)}t.length>8&&(this.tableDataL=t.slice(0,8),this.tableDataR=t.slice(8,16))}}},g=b,_=(0,c.Z)(g,d,u,!1,null,"7b29d162",null),f=_.exports,y=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 w={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()}))},methods:{getListA(){let t=[];for(let e=0;e<16;e++){let a={};a.id=e,a.line="耗材"+e,t.push(a)}t.length>8&&(this.tableDataL=t.slice(0,8),this.tableDataR=t.slice(8,16))}}},z=w,S=(0,c.Z)(z,y,x,!1,null,"01601021",null),M=S.exports,L=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(a,s){return e("li",{key:s,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"!==a.name?e("span",{staticClass:"device_name"},[t._v(t._s(a.name))]):t._e(),"placeholder"!==a.name?e("span",{staticClass:"alarm_num",class:{class_red:a.num>0,class_green:0===a.num}},[t._v(t._s(a.num))]):t._e()]),a.children||"placeholder"===a.name?e("div",{staticClass:"special_item"},[t._l(a.children,(function(a,s){return e("div",{key:s},[e("svg-icon",{staticClass:"icon-style alarm_grey",class:{alarm_yellow:"调机"===a.mode,alarm_grey:"停机"===a.mode,alarm_green:"生产"===a.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(a.name))])],1)})),"placeholder"!==a.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(a.state))])]):t._e()],2):e("div",[e("svg-icon",{staticClass:"icon-style",class:{alarm_yellow:"调机"===a.mode,alarm_grey:"停机"===a.mode,alarm_green:"生产"===a.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(a.state))])],1)])})),0)},D=[],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}}},k=N,W=(0,c.Z)(k,L,D,!1,null,"8c9c62bc",null),P=W.exports,A=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.finishNum)+" ")]),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("63.45%")]),e("div",{staticClass:"home_progress"},[e("el-progress",{attrs:{"text-inside":!0,"stroke-width":t.strokeWidth,percentage:70}})],1)]),e("div",{staticClass:"progress_box",style:{marginBottom:92*t.beilv+"px"}},[e("span",[t._v("14时直通率")]),e("span",{staticClass:"blue_color"},[t._v("63.45%")]),e("div",{staticClass:"home_progress"},[e("el-progress",{attrs:{"text-inside":!0,"stroke-width":t.strokeWidth,percentage:70}})],1)])]),e("div",{staticClass:"progress_box",style:{marginBottom:16*t.beilv+"px"}},[e("span",[t._v("昨日直通率")]),e("span",{staticClass:"blue_color"},[t._v("63.45%")]),e("div",{staticClass:"home_progress"},[e("el-progress",{attrs:{"text-inside":!0,"stroke-width":t.strokeWidth,percentage:70}})],1)]),e("div",{staticClass:"progress_box"},[e("span",[t._v("今日直通率")]),e("span",{staticClass:"blue_color"},[t._v("63.45%")]),e("div",{staticClass:"home_progress"},[e("el-progress",{attrs:{"text-inside":!0,"stroke-width":t.strokeWidth,percentage:70}})],1)])])])},B=[function(){var t=this,e=t._self._c;return e("div",{staticClass:"title"},[e("span",[t._v("对比信息")])])}],Z=function(){var t=this,e=t._self._c;return e("div",{style:{height:250*t.beilv+"px",width:"100%"},attrs:{id:"productRing"}})},H=[],Q=a(7171),R=a(5468),E={mixins:[R.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=Q.S1(t);var e=this.chartMsg.finishNum,a=this.chartMsg.okNum,s=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%"],itemStyle:{shadowBlur:10,shadowColor:"rgba(209, 204, 214, 0.64)",color:"#fff",label:{show:!1},labelLine:{show:!1}},tooltip:{show:!1},emphasis:{scale:!1},data:[100]},{type:"pie",radius:["60%","61%"],center:["50%","45%"],zlevel:1,itemStyle:{shadowBlur:10,shadowColor:"rgba(0,0,0,.5)",color:"#fff",label:{show:!1},labelLine:{show:!1}},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:a,name:"良品数量 "+a,itemStyle:{color:"#288aff"}},{value:s,name:"废品数量 "+s,itemStyle:{color:"#7a34fd"}},{value:i,name:"待再加工 "+i,itemStyle:{color:"#ffb750"}},{value:l,name:"调机数量 "+l,itemStyle:{color:"#95f3b1"}}]}]};this.chart.setOption(r,!0)}}},I=E,T=(0,c.Z)(I,Z,H,!1,null,null,null),F=T.exports,O={name:"ProductArea",components:{RingChart:F},data(){return{}},props:{productMsg:{type:Object,default:()=>({})},beilv:{type:Number,default:1}},computed:{strokeWidth:function(){return 16*this.beilv},progressP:function(){return 100*this.productMsg.process},progressPercentage:function(){return 100*this.productMsg.process+"%"}}},j=O,q=(0,c.Z)(j,A,B,!1,null,"37f51472",null),J=q.exports,V=a(5591),G={name:"HomePage",components:{TopTitle:p,CapacityArea:f,MaterialArea:M,DeviceArea:P,ProductArea:J},data(){return{beilv:1,lineName:1,nameList:JSON.parse(localStorage.getItem("publicList")).proLineVoList,productMsg:{},deviceList:[],materialList:[]}},mounted(){this.beilv=document.getElementById("home-container").offsetWidth/1920,window.addEventListener("resize",(()=>{this.beilv=document.getElementById("home-container").offsetWidth/1920,console.log(this.beilv)})),this.getMsg()},methods:{getMsg(){this.getProductMsg(),this.getDeviceMsg(),this.getMaterialData()},getProductMsg(){(0,V.b6)({productionLineId:this.lineName}).then((t=>{console.log(t),this.productMsg=t.data}))},getDeviceMsg(){(0,V.Hp)({id:this.lineName}).then((t=>{this.deviceList=t.data}))},getMaterialData(){(0,V.m)({id:this.lineName}).then((t=>{console.log(t),this.materialList=t.data}))}}},K=G,U=(0,c.Z)(K,s,i,!1,null,"30952e46",null),X=U.exports},5591:function(t,e,a){a.d(e,{FH:function(){return n},Hp:function(){return o},JQ:function(){return r},SI:function(){return l},WQ:function(){return p},b6:function(){return c},iv:function(){return i},m:function(){return m}});var s=a(8859);function i(){return(0,s.Z)({url:"/common/getList",method:"post"})}function l(){return(0,s.Z)({url:"/common/getTreeData",method:"post"})}function r(t){return(0,s.Z)({url:"/common/updateEqSeq",method:"post",data:t})}function n(t){return(0,s.Z)({url:"/common/attachment/downloadFile",method:"get",responseType:"blob",params:t,timeout:6e4})}function o(t){return(0,s.Z)({url:"/common/getAlarmData",method:"post",data:t})}function c(t){return(0,s.Z)({url:"/common/getProductData",method:"post",data:t})}function m(t){return(0,s.Z)({url:"/common/getMaterialData",method:"post",data:t})}const p="/api/common/attachment/uploadFileFormData"}}]); |