tft-fe/dist/js/4332.7556a97e.js

1 line
12 KiB
JavaScript
Raw Normal View History

"use strict";(self["webpackChunktft_mes"]=self["webpackChunktft_mes"]||[]).push([[4332],{4332:function(t,e,a){a.r(e),a.d(e,{default:function(){return S}});var s=function(){var t=this,e=t._self._c;return e("div",{ref:"container",staticClass:"main-box",attrs:{id:"container"}},[e("el-row",{staticClass:"box",attrs:{gutter:8}},[e("el-col",{attrs:{span:14}},[e("div",{staticClass:"left-top"},[e("div",{staticClass:"top-title"},[e("svg-icon",{staticStyle:{"font-size":"22px","margin-right":"8px"},attrs:{"icon-class":"home_title1"}}),e("span",{staticClass:"titleStyle"},[t._v("生产进度")])],1),e("div",{staticClass:"line-order-msg"},[e("div",[e("span",{staticClass:"title",staticStyle:{margin:"0 8px 32px 0"}},[t._v("产线名称")]),e("el-select",{staticStyle:{width:"160px"},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("el-row",{attrs:{gutter:16}},[e("el-col",{attrs:{span:12}},[e("el-row",{staticClass:"plan_num"},[e("el-col",{staticClass:"left-icon",attrs:{span:8}},[e("svg-icon",{staticStyle:{"font-size":"50px"},attrs:{"icon-class":"home_plan"}})],1),e("el-col",{style:{paddingLeft:32*t.beilv+"px"},attrs:{span:16}},[e("p",{staticClass:"num"},[t._v(" "+t._s(t.productMsg.planNum)+" ")]),e("p",{staticClass:"words"},[t._v("计划数量")])])],1)],1),e("el-col",{attrs:{span:12}},[e("el-row",{staticClass:"product_num"},[e("el-col",{staticClass:"left-icon",attrs:{span:8}},[e("svg-icon",{staticStyle:{"font-size":"50px"},attrs:{"icon-class":"home_product"}})],1),e("el-col",{style:{paddingLeft:32*t.beilv+"px"},attrs:{span:16}},[e("p",{staticClass:"num"},[t._v(" "+t._s(t.productMsg.realProductNum)+" ")]),e("p",{staticClass:"words"},[t._v("生产数量")])])],1)],1)],1)],1)]),e("div",{staticClass:"left-bottom"},[e("span",{staticClass:"title"},[t._v("生产信息")]),e("span",{staticStyle:{"margin-left":"16px"}},[t._v("工单号: "+t._s(t.productMsg.code))]),e("ring-chart",{attrs:{chartMsg:t.productMsg,beilv:t.beilv}})],1)]),e("el-col",{attrs:{span:10}},[e("div",{staticClass:"right"},[e("progress-details",{attrs:{detailMsg:t.detailMsg,beilv:t.beilv}})],1)])],1)],1)},r=[],n=function(){var t=this,e=t._self._c;return e("div",[e("div",{staticStyle:{width:"100%"},style:{height:t.chartHeight+"px"},attrs:{id:"productRing"}})])},o=[],i=a(7171),l=a(475),c=a(5468),u={mixins:[c.Z],name:"RingChart",data(){return{chartHeight:(0,l.NC)(439)-60}},props:{chartMsg:{type:Object,default:()=>({chart:""})}},mounted(){this.$nextTick((()=>{this.initChart()})),window.addEventListener("resize",(()=>{this.chartHeight=(0,l.NC)(439)-60}))},watch:{chartMsg:function(){this.initChart()}},beforeDestroy(){this.chart&&(this.chart.dispose(),this.chart=null)},methods:{initChart(){null!==this.chart&&""!==this.chart&&void 0!==this.chart&&this.chart.dispose();var t=document.getElementById("productRing");this.chart=i.S1(t),console.log(this.chartMsg);var e=this.chartMsg.finishNum?this.chartMsg.finishNum:0,a=this.chartMsg.okNum?this.chartMsg.okNum:0,s=this.chartMsg.wasteNum?this.chartMsg.wasteNum:0,r=this.chartMsg.reprocessNum?this.chartMsg.reprocessNum:0,n=this.chartMsg.tuneNum?this.chartMsg.tuneNum:0,o={tooltip:{trigger:"item"},legend:{icon:"circle",top:"0%",left:"-10px"},series:[{type:"pie",zlevel:1,radius:["48%","50%"],center:["50%","60%"],label:{show:!0,position:"center",color:"#9A9EBA",formatter:["{a|"+e+"}","{b|总生产数量}"].join("\n\n"),rich:{a:{color:"#262626",fontSize:50},b:{color:"#979797",fontSize:22}}},itemStyle:{shadowBlur:10,shadowColor:"rgba(209, 204, 214, 0.64)",color:"#fff"},tooltip:{show:!1},emphasis:{scale:!1},data:[100]},{type:"pie",radius:["62%","63%"],center:["50%","60%"],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%","62%"],center:["50%","60%"],clockwise:!0,avoidLabelOverlap:!