|
- import{k as z}from"./el-button-1a829d03.js";import{E as M}from"./el-divider-547e00d5.js";import{u as K,q as V,E as C,b as Q,c as R,d as W,e as j}from"./el-message-96599589.js";import{i as G}from"./index-9412139c.js";import{u as H}from"./useDarks-2fae6676.js";import{d as J,b as X,h as f,s as Y,o as D,e as I,K as u,L as _,O as g,w as F,u as v,U as b,F as L,P as Z,c as ee,_ as te}from"./index-080862c1.js";const ae={class:"filterDiv"},oe=J({__name:"chartPT",setup(le){const{isDark:N,toggleDark:ne}=H();X(()=>N.value?"dark":"light");const{formatTableDateTime:ie,formatTableDate:se,formatDateTime:S,formatDate:h,formatNum:re,show_loading:P,close_loading:x}=K(),i=f(!1),r=f(""),m=f(""),k=f(""),c=f([]),A={shortcuts:[{text:"最近一周",onClick(a){const e=new Date,t=new Date;t.setTime(t.getTime()-3600*1e3*24*7),a.$emit("pick",[t,e])}},{text:"最近一个月",onClick(a){const e=new Date,t=new Date;t.setTime(t.getTime()-3600*1e3*24*30),a.$emit("pick",[t,e])}},{text:"最近三个月",onClick(a){const e=new Date,t=new Date;t.setTime(t.getTime()-3600*1e3*24*90),a.$emit("pick",[t,e])}}]};Y(async()=>{console.log("onMounted - DOM挂载完毕");let a=new Date;i.value=[a.setDate(a.getDate()-1),new Date],P(),await O(),B()});const E=()=>{B()},O=async()=>{await V({model:"product",fields:"*",order:"Name"}).then(e=>{console.log("getProductList",e),e.code===200&&c.value.push(...e.data),console.log("typeof",typeof c.value[0].Id)});const a={model:"order",fields:"ProductId",domain:[],order:"id desc",pageNum:1,pageSize:1};a.domain.push({FieldName:"CreateTime",FieldValue:h(i.value[0]),ConditionalType:3}),a.domain.push({FieldName:"CreateTime",FieldValue:h(i.value[1])+" 23:59:59",ConditionalType:5}),await V(a).then(e=>{if(e.code==200&&e.data&&e.data.length>0){let t=[];t.push(...e.data);let d=c.value.findIndex(p=>p.Id==t[0].ProductId);d&&d>-1&&(r.value=c.value[d].Id)}})},B=async()=>{if(console.log("loadData",r.value),!r.value){x(),C({message:"请选择产品！",type:"error",showClose:!0,duration:2e3});return}P(),U()},U=async()=>{const a={domain:[]};i.value&&(console.log(i.value),a.domain.push({FieldName:"CreateTime",FieldValue:h(i.value[0]),ConditionalType:3}),a.domain.push({FieldName:"CreateTime",FieldValue:h(i.value[1])+" 23:59:59",ConditionalType:5})),r.value&&a.domain.push({FieldName:"ProductId",FieldValue:r.value,ConditionalType:0}),m.value&&a.domain.push({FieldName:"BatchId",FieldValue:m.value,ConditionalType:0}),a.model="Order",a.fields="SN,PTValue,CreateTime",a.order="CreateTime",console.log(a),await V(a).then(e=>{if(console.log("query_table PT",e),e.code!==200){x(),C({message:e.data,type:"error",showClose:!0,duration:1e3});return}x();const t=e.data;let d=[],p=[],y={},s,n;const l=c.value.find(o=>o.Id===r.value);l&&l.PTBaseValue!=0&&(console.error(l.PTBaseValue,l.PTUpFloatValue,l.PTDownFloatValue),s=l.PTBaseValue+l.PTUpFloatValue,n=l.PTBaseValue-l.PTDownFloatValue,y={data:[[{coord:[0,s]},{coord:[t.length-1,s]}],[{coord:[0,n]},{coord:[t.length-1,n]}]],lineStyle:{color:"red"},label:{show:!0,color:"red",formatter:function(o){return console.log("上下限",o),o.dataIndex==0?"上限":"下限"}}});let w={type:"line",data:[],markLine:y};console.log(t,t.length,s,n);for(var T=0;T<t.length;T++)d.push(T+1),w.data.push(t[T].PTValue);console.log("dataLegend",p),console.log("dataAxis",d),console.log("data",w);let $={title:{text:"PT均值变化趋势",subtext:"",textStyle:{color:"#A8ABB2",fontSize:15}},tooltip:{trigger:"axis",axisPointer:{type:"cross"},formatter:function(o){return!o||o.length<1?"":`索引 : ${o[0].axisValueLabel}<br/>SN : ${t[parseInt(o[0].axisValueLabel)-1].SN}<br/>PT均值 : ${o[0].value}<br/>时间 : ${S(t[parseInt(o[0].axisValueLabel)-1].CreateTime)}`}},legend:{top:10,left:"center",textStyle:{color:"#4DD0D6",fontSize:12}},toolbox:{show:!0,feature:{dataView:{readOnly:!1},magicType:{type:["line","bar"]},restore:{},saveAsImage:{}}},grid:{left:40,right:40,top:60,btttom:20},color:["#09d0fb"],xAxis:{type:"category",name:"数量",axisLabel:{interval:0,textStyle:{color:"#A8ABB2",fontSize:12}},axisTick:{show:!0,alignWithLabel:!0},axisLabel:{rotate:45},axisLine:{show:!0,symbol:["none","arrow"],symbolOffset:12,lineStyle:{color:"#A8ABB2"}},data:d},yAxis:[{type:"value",name:"PT均值",position:"left",min:function(o){return console.error(n),!n||n==0||n>o.min?o.min:n},max:function(o){return!s||s==0?o.max:s>o.max?s:o.max},minInterval:function(o){return(o.max-o.min)/10},axisLine:{show:!0,symbol:["none","arrow"],symbolOffset:12,lineStyle:{color:"#A8ABB2"}},axisTick:{show:!1},axisLabel:{textStyle:{color:"#A8ABB2",fontSize:12}}}],series:w};var q=G(k.value);q.setOption($,!0)})};return(a,e)=>{const t=j,d=Q,p=R,y=W,s=z,n=M;return D(),I(L,null,[u("div",ae,[u("div",null,[_(" 产品： "),g(d,{modelValue:v(r),"onUpdate:modelValue":e[0]||(e[0]=l=>b(r)?r.value=l:null),clearable:"","collapse-tags-tooltip":"",placeholder:"必选",style:{width:"240px"}},{default:F(()=>[(D(!0),I(L,null,Z(v(c),l=>(D(),ee(t,{key:l.Id,label:l.Name,value:l.Id},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),u("div",null,[_(" 批次： "),g(p,{modelValue:v(m),"onUpdate:modelValue":e[1]||(e[1]=l=>b(m)?m.value=l:null),clearable:"",wid:"",placeholder:"批次号",style:{width:"150px"}},null,8,["modelValue"])]),u("div",null,[_(" 日期： "),g(y,{modelValue:v(i),"onUpdate:modelValue":e[2]||(e[2]=l=>b(i)?i.value=l:null),type:"daterange",align:"right","unlink-panels":"","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期","picker-options":A},null,8,["modelValue"])]),u("div",null,[g(s,{type:"primary",onClick:E},{default:F(()=>[_("查询")]),_:1})])]),u("div",null,[g(n,{"content-position":"left"}),u("div",{style:{width:"100%",height:"80vh"},ref_key:"chartBar_PT",ref:k},null,512)])],64)}}});const he=te(oe,[["__scopeId","data-v-44f7ecaa"]]);export{he as default};
|
