|
- import{c as z,g as B,u as G,_ as J,w as W,m as A,l as te,k as pe}from"./el-button-1a829d03.js";import{E as fe}from"./el-divider-547e00d5.js";import{u as me,q as _e,f as he,E as ae,h as ye,b as ge,c as ve,d as be,e as we}from"./el-message-96599589.js";import{L as se,i as ke}from"./index-9412139c.js";import{u as xe}from"./useDarks-2fae6676.js";import{d as $,o as D,e as M,n as E,u as o,r as q,L as b,M as m,V as De,K as t,f as X,b as S,q as Se,c as H,w as _,Q as le,i as $e,G as Ce,h as T,s as Te,O as p,U,F as oe,P as Be,W as Ie,X as Ne,_ as Ve}from"./index-080862c1.js";const Ae=z({header:{type:String,default:""},bodyStyle:{type:B([String,Object,Array]),default:""},shadow:{type:String,values:["always","hover","never"],default:"always"}}),Ee=$({name:"ElCard"}),Le=$({...Ee,props:Ae,setup(g){const l=G("card");return(c,h)=>(D(),M("div",{class:E([o(l).b(),o(l).is(`${c.shadow}-shadow`)])},[c.$slots.header||c.header?(D(),M("div",{key:0,class:E(o(l).e("header"))},[q(c.$slots,"header",{},()=>[b(m(c.header),1)])],2)):De("v-if",!0),t("div",{class:E(o(l).e("body")),style:X(c.bodyStyle)},[q(c.$slots,"default")],6)],2))}});var Oe=J(Le,[["__file","/home/runner/work/element-plus/element-plus/packages/components/card/src/card.vue"]]);const Fe=W(Oe),ne=Symbol("rowContextKey"),je=["start","center","end","space-around","space-between","space-evenly"],Re=["top","middle","bottom"],Me=z({tag:{type:String,default:"div"},gutter:{type:Number,default:0},justify:{type:String,values:je,default:"start"},align:{type:String,values:Re,default:"top"}}),qe=$({name:"ElRow"}),Pe=$({...qe,props:Me,setup(g){const l=g,c=G("row"),h=S(()=>l.gutter);Se(ne,{gutter:h});const L=S(()=>{const s={};return l.gutter&&(s.marginRight=s.marginLeft=`-${l.gutter/2}px`),s}),O=S(()=>[c.b(),c.is(`justify-${l.justify}`,l.justify!=="start"),c.is(`align-${l.align}`,l.align!=="top")]);return(s,P)=>(D(),H(le(s.tag),{class:E(o(O)),style:X(o(L))},{default:_(()=>[q(s.$slots,"default")]),_:3},8,["class","style"]))}});var Qe=J(Pe,[["__file","/home/runner/work/element-plus/element-plus/packages/components/row/src/row.vue"]]);const Ke=W(Qe),Ue=z({tag:{type:String,default:"div"},span:{type:Number,default:24},offset:{type:Number,default:0},pull:{type:Number,default:0},push:{type:Number,default:0},xs:{type:B([Number,Object]),default:()=>A({})},sm:{type:B([Number,Object]),default:()=>A({})},md:{type:B([Number,Object]),default:()=>A({})},lg:{type:B([Number,Object]),default:()=>A({})},xl:{type:B([Number,Object]),default:()=>A({})}}),ze=$({name:"ElCol"}),Ge=$({...ze,props:Ue,setup(g){const l=g,{gutter:c}=$e(ne,{gutter:S(()=>0)}),h=G("col"),L=S(()=>{const s={};return c.value&&(s.paddingLeft=s.paddingRight=`${c.value/2}px`),s}),O=S(()=>{const s=[];return["span","offset","pull","push"].forEach(i=>{const d=l[i];te(d)&&(i==="span"?s.push(h.b(`${l[i]}`)):d>0&&s.push(h.b(`${i}-${l[i]}`)))}),["xs","sm","md","lg","xl"].forEach(i=>{te(l[i])?s.push(h.b(`${i}-${l[i]}`)):Ce(l[i])&&Object.entries(l[i]).forEach(([d,v])=>{s.push(d!=="span"?h.b(`${i}-${d}-${v}`):h.b(`${i}-${v}`))})}),c.value&&s.push(h.is("guttered")),[h.b(),s]});return(s,P)=>(D(),H(le(s.tag),{class:E(o(O)),style:X(o(L))},{default:_(()=>[q(s.$slots,"default")]),_:3},8,["class","style"]))}});var Je=J(Ge,[["__file","/home/runner/work/element-plus/element-plus/packages/components/col/src/col.vue"]]);const We=W(Je);const x=g=>(Ie("data-v-0809909f"),g=g(),Ne(),g),Xe={class:"filterDiv"},He={class:"kanbanDiv"},Ye=x(()=>t("span",{class:"kanbanTitle"},"当日合适率",-1)),Ze=x(()=>t("p",null,null,-1)),et={class:"kanbanVal"},tt={class:"kanbanBottom"},at={class:"kanbanDiv"},st=x(()=>t("span",{class:"kanbanTitle"},"当月合适率",-1)),ot=x(()=>t("p",null,null,-1)),lt={class:"kanbanVal"},nt={class:"kanbanBottom"},rt={class:"kanbanDiv"},it=x(()=>t("span",{class:"kanbanTitle"},"当季合适率",-1)),ct=x(()=>t("p",null,null,-1)),ut={class:"kanbanVal"},dt={class:"kanbanBottom"},pt={class:"kanbanDiv"},ft=x(()=>t("span",{class:"kanbanTitle"},"当年合适率",-1)),mt=x(()=>t("p",null,null,-1)),_t={class:"kanbanVal"},ht={class:"kanbanBottom"},yt=$({__name:"chartQualifiedRate",setup(g){const{isDark:l,toggleDark:c}=xe();S(()=>l.value?"dark":"light");const{formatTableDateTime:h,formatTableDate:L,formatDateTime:O,formatDate:s,formatNum:P,show_loading:Q,close_loading:i}=me(),d=T(!1),v=T([]),I=T(""),Y=T(""),Z=T([]),r=T([[0,0,0],[0,0,0],[0,0,0],[0,0,0]]),re={shortcuts:[{text:"最近一周",onClick(a){const n=new Date,e=new Date;e.setTime(e.getTime()-3600*1e3*24*7),a.$emit("pick",[e,n])}},{text:"最近一个月",onClick(a){const n=new Date,e=new Date;e.setTime(e.getTime()-3600*1e3*24*30),a.$emit("pick",[e,n])}},{text:"最近三个月",onClick(a){const n=new Date,e=new Date;e.setTime(e.getTime()-3600*1e3*24*90),a.$emit("pick",[e,n])}}]};Te(async()=>{console.log("onMounted - DOM挂载完毕");let a=new Date;d.value=[a.setDate(a.getDate()-30),new Date],Q(),await ce(),ee()});const ie=()=>{ee()},ce=async()=>{await _e({model:"product",fields:"*",order:"Name"}).then(a=>{console.log("getProductList",a),a.code===200&&Z.value.push(...a.data)})},ee=async()=>{Q(),await ue(),de()},ue=async()=>{await he().then(a=>{if(console.log("getchart_qualified_rate",a),a.code!==200){i(),ae({message:a.data,type:"error",showClose:!0,duration:1e3});return}const n=a.data;r.value.length=0;let e=n[0],u=e[1]?parseInt(Math.round(e[1]*100/e[0])):0;r.value.push([e[0],e[1],u]),e=n[1],u=e[1]?parseInt(Math.round(e[1]*100/e[0])):0,r.value.push([e[0],e[1],u]),e=n[2],u=e[1]?parseInt(Math.round(e[1]*100/e[0])):0,r.value.push([e[0],e[1],u]),e=n[3],u=e[1]?parseInt(Math.round(e[1]*100/e[0])):0,r.value.push([e[0],e[1],u]),console.log(r.value)})},de=async()=>{const a={domain:[]};if(d.value&&(console.log(d.value),a.domain.push({FieldName:"CreateTime",FieldValue:s(d.value[0]),ConditionalType:3}),a.domain.push({FieldName:"CreateTime",FieldValue:s(d.value[1])+" 23:59:59",ConditionalType:5})),v.value.length>0){var n="";for(let e in v.value)n+=v.value[e]+",";a.domain.push({FieldName:"ProductId",FieldValue:n,ConditionalType:6})}I.value&&a.domain.push({FieldName:"BatchId",FieldValue:I.value,ConditionalType:0}),console.log(a),await ye(a).then(e=>{if(console.log("getchart_qualified_date",e),e.code!==200){i(),ae({message:e.data,type:"error",showClose:!0,duration:1e3});return}i();const u=JSON.parse(e.data);for(var N=[],V=[],C=[],w=[],f=0;f<u.length;f++){var F=new Date(u[f].Date);N.push(`${F.getMonth()+1}月${F.getDate()}日`),V.push(u[f].Total),C.push(u[f].Qualified?parseInt(u[f].Qualified*100/u[f].Total):0),w.push(100-C[f])}console.log("dataAxis",N),console.log("data",V),console.log("data2",C),console.log("data3",w);let K={title:{text:"合格率分析",subtext:"",textStyle:{color:"#A8ABB2",fontSize:15}},toolbox:{show:!0,feature:{dataView:{readOnly:!1},magicType:{type:["line","bar"]},saveAsImage:{}}},tooltip:{trigger:"axis",axisPointer:{type:"cross"},formatter:function(k){if(!k||k.length<1)return"";let j=`日期 : ${k[0].axisValueLabel}`;return k.forEach(R=>{switch(R.seriesIndex){case 0:j+=`<br/>检测量 : ${R.value} 件`;break;case 1:j+=`<br/>合格率 : ${R.value} %`;break;case 2:j+=`<br/>不合格率 : ${R.value} %`;break}}),j}},legend:{top:10,left:"center",data:["检测量(件)","合格率(%)","不合格率(%)"],textStyle:{color:"#4DD0D6",fontSize:12}},grid:{left:40,right:40,top:80,btttom:20},xAxis:[{type:"category",axisTick:{show:!0,alignWithLabel:!0},data:N,axisLabel:{rotate:40},axisLine:{show:!0,symbol:["none","arrow"],symbolOffset:12,lineStyle:{color:"#A8ABB2"}}}],yAxis:[{type:"value",name:"检测量(件)",min:0,max:function(k){return parseInt(k.max/10+1)*10},interval:function(k){return parseInt(k.max/10+1)*10/5},position:"left",axisLine:{show:!0,symbol:["none","arrow"],symbolOffset:12,lineStyle:{color:"#A8ABB2"}},axisLabel:{textStyle:{color:"#A8ABB2",fontSize:12}}},{type:"value",name:"不/合格率(%)",min:0,max:100,interval:10,position:"right",axisLabel:{formatter:"{value} %",textStyle:{color:"#A8ABB2",fontSize:12}},axisLine:{show:!0,symbol:["none","arrow"],symbolOffset:12,lineStyle:{color:"#A8ABB2"}}}],series:[{name:"检测量(件)",type:"bar",yAxisIndex:0,data:V,itemStyle:{color:new se(0,0,0,1,[{offset:0,color:"#0efdff"},{offset:.5,color:"#188df0"},{offset:1,color:"#188df0"}])},emphasis:{itemStyle:{color:new se(0,0,0,1,[{offset:0,color:"#2378f7"},{offset:.7,color:"#2378f7"},{offset:1,color:"#0efdff"}])}}},{name:"合格率(%)",type:"line",smooth:!0,yAxisIndex:1,data:C,itemStyle:{normal:{color:"#1efdff",lineStyle:{color:"#0EF00F",width:2}}}},{name:"不合格率(%)",type:"line",smooth:!0,yAxisIndex:1,data:w,itemStyle:{normal:{color:"#F06C6C",lineStyle:{color:"#F56C6C",width:2}}}}]};var y=ke(Y.value);y.setOption(K,!0)})};return(a,n)=>{const e=we,u=ge,N=ve,V=be,C=pe,w=Fe,f=We,F=Ke,K=fe;return D(),M(oe,null,[t("div",Xe,[t("div",null,[b(" 产品： "),p(u,{modelValue:o(v),"onUpdate:modelValue":n[0]||(n[0]=y=>U(v)?v.value=y:null),multiple:"","collapse-tags":"","collapse-tags-tooltip":"",placeholder:"可多选",style:{width:"240px"}},{default:_(()=>[(D(!0),M(oe,null,Be(o(Z),y=>(D(),H(e,{key:y.Id,label:y.Name,value:y.Id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),t("div",null,[b(" 批次： "),p(N,{modelValue:o(I),"onUpdate:modelValue":n[1]||(n[1]=y=>U(I)?I.value=y:null),clearable:"",wid:"",placeholder:"批次号",style:{width:"150px"}},null,8,["modelValue"])]),t("div",null,[b(" 日期： "),p(V,{modelValue:o(d),"onUpdate:modelValue":n[2]||(n[2]=y=>U(d)?d.value=y:null),type:"daterange",align:"right","unlink-panels":"","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期","picker-options":re},null,8,["modelValue"])]),t("div",null,[p(C,{type:"primary",onClick:ie},{default:_(()=>[b("查询")]),_:1})])]),t("div",null,[p(F,{gutter:12},{default:_(()=>[p(f,{span:6},{default:_(()=>[p(w,{"body-style":{padding:"0px"}},{default:_(()=>[t("div",He,[Ye,Ze,t("span",et,m(o(r)[0][2]),1),b("% "),t("div",tt,[t("p",null,"检测量："+m(o(r)[0][0]),1),t("p",null,"合格量："+m(o(r)[0][1]),1)])])]),_:1})]),_:1}),p(f,{span:6},{default:_(()=>[p(w,{"body-style":{padding:"0px"}},{default:_(()=>[t("div",at,[st,ot,t("span",lt,m(o(r)[1][2]),1),b("% "),t("div",nt,[t("p",null,"检测量："+m(o(r)[1][0]),1),t("p",null,"合格量："+m(o(r)[1][1]),1)])])]),_:1})]),_:1}),p(f,{span:6},{default:_(()=>[p(w,{"body-style":{padding:"0px"}},{default:_(()=>[t("div",rt,[it,ct,t("span",ut,m(o(r)[2][2]),1),b("% "),t("div",dt,[t("p",null,"检测量："+m(o(r)[2][0]),1),t("p",null,"合格量："+m(o(r)[2][1]),1)])])]),_:1})]),_:1}),p(f,{span:6},{default:_(()=>[p(w,{"body-style":{padding:"0px"}},{default:_(()=>[t("div",pt,[ft,mt,t("span",_t,m(o(r)[3][2]),1),b("% "),t("div",ht,[t("p",null,"检测量："+m(o(r)[3][0]),1),t("p",null,"合格量："+m(o(r)[3][1]),1)])])]),_:1})]),_:1})]),_:1}),p(K,{"content-position":"left"}),t("div",{style:{width:"100%",height:"60vh"},ref_key:"chartBar",ref:Y},null,512)])],64)}}});const Dt=Ve(yt,[["__scopeId","data-v-0809909f"]]);export{Dt as default};
|
