You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2 line
3.1KB

  1. import{p as L}from"./flowConfiguration.c7496b56.js";import{s as N,d as R,C as j,B as F,r,o as S,c as p,e as v,f as D,h as d,i as l,F as I,H as A,G,g as t,t as n,j as O}from"./index.66d3f9b1.js";import{i as E}from"./index.f55de596.js";const H=f=>N.get("/api/v1/process/statistics/detail",{params:f}),M=f=>N.get("/api/v1/process/statistics/list",{params:f}),U={class:"flex justify-between text-center mt-24"},q={class:"text-primary text-32 font-bold",style:{"font-family":"DIN"}},z={class:"text-primary text-36 font-bold",style:{"font-family":"DIN"}},J={class:"text-primary text-32 font-bold",style:{"font-family":"DIN"}},K={class:"text-primary text-32 font-bold",style:{"font-family":"DIN"}},P={class:"text-primary text-32 font-bold",style:{"font-family":"DIN"}},Q={class:"text-primary text-32 font-bold",style:{"font-family":"DIN"}},W=R({name:"processStatistics"}),$=Object.assign(W,{setup(f){const C=j(F.userStore).userInfo,x=r([]),i=r({}),T=async()=>{const s=await L({regionCode:C.value.regionCode*1});x.value=s.data.records,i.value.process=s.data.records[0].processType,g()},_=r();let c;const h=()=>{var e,u;c||(c=E(_.value));const s={tooltip:{show:!0,trigger:"axis",valueFormatter:o=>o+"\u5929"},xAxis:{type:"category",boundaryGap:!1,data:(e=y.value)==null?void 0:e.map(o=>o.instTypeName)},yAxis:{name:"\u5B8C\u6210\u8017\u65F6\uFF08\u5929\uFF09",type:"value"},series:[{data:(u=y.value)==null?void 0:u.map(o=>o.avgTime),type:"line"}]};c.setOption(s)},a=r({}),g=async()=>{const s=await H({instType:i.value.process});a.value=s.data},y=r([]),w=async()=>{const s=await M();y.value=s.data||[],h()};return S(async()=>{T(),w()}),(s,e)=>{const u=p("el-option"),o=p("el-select"),V=p("el-form-item"),k=p("el-form"),b=p("el-card");return v(),D(I,null,[d(b,{class:"mb-16"},{default:l(()=>[d(k,{ref:"formRef",model:i.value},{default:l(()=>[d(V,null,{default:l(()=>[d(o,{modelValue:i.value.process,"onUpdate:modelValue":e[0]||(e[0]=m=>i.value.process=m),onChange:g},{default:l(()=>[(v(!0),D(I,null,A(x.value,(m,B)=>(v(),G(u,{key:B,value:m.processType,label:m.formName},null,8,["value","label"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1},8,["model"]),t("div",U,[t("div",null,[t("p",q,n(a.value.totalInst||0),1),e[1]||(e[1]=t("p",{class:"text-info text-14"},"\u6D41\u7A0B\u5B9E\u4F8B\u603B\u6570",-1))]),t("div",null,[t("p",z,n(a.value.finishedInst||0),1),e[2]||(e[2]=t("p",{class:"text-info text-14"},"\u5DF2\u5B8C\u6210",-1))]),t("div",null,[t("p",J,n(a.value.pendingInst||0),1),e[3]||(e[3]=t("p",{class:"text-info text-14"},"\u5904\u7406\u4E2D",-1))]),t("div",null,[t("p",K,n(a.value.avgTime||0)+"\u5929",1),e[4]||(e[4]=t("p",{class:"text-info text-14"},"\u5E73\u5747\u5B8C\u6210\u8017\u65F6",-1))]),t("div",null,[t("p",P,n(a.value.maxTime||0)+"\u5929",1),e[5]||(e[5]=t("p",{class:"text-info text-14"},"\u6700\u957F\u5B8C\u6210\u8017\u65F6",-1))]),t("div",null,[t("p",Q,n(a.value.minTime||0)+"\u5929",1),e[6]||(e[6]=t("p",{class:"text-info text-14"},"\u6700\u77ED\u5B8C\u6210\u8017\u65F6",-1))])])]),_:1}),d(b,null,{header:l(()=>e[7]||(e[7]=[O("\u5404\u6D41\u7A0B\u5E73\u5747\u5904\u7406\u65F6\u957F")])),default:l(()=>[t("div",{ref_key:"chartRef",ref:_,style:{height:"400px"}},null,512)]),_:1})],64)}}});export{$ as default};