1 |
- import{E as _}from"./index.B2yoEwj8.js";import{b as h}from"./api.Bydc9mYY.js";import{u as f,a as y,g as w,c as b,d as k,h as g,f as x}from"./echarts.Bog-kzRU.js";import{a as C,r as u,w as B,q as $,f as d,c as n,o as l,b as i,S as D,a9 as T,T as E,u as z,G as A,R as G}from"./vue.fY72QXCX.js";import{_ as N}from"./_plugin-vue_export-helper.DlAUqK2U.js";import"./index.Ck1HWQ_Q.js";const R={class:"chart-container"},S={class:"filter-bar"},V=["onClick"],q={key:0},F={key:1,class:"empty-tip"},I=C({__name:"BorrowTrendsChart",setup(L){f([y,w,b,k,g,x]);const p=[{label:"近一周",value:"week"},{label:"近一个月",value:"month"},{label:"近一年",value:"year"}],r=u("week"),a=u([]),c=async()=>{const s=await h();s.code===2e3?a.value=s.data.trends:a.value=[]};B(r,c),$(c);const m=d(()=>a.value.length>0),v=d(()=>{const s=a.value.map(t=>t.date),o=a.value.map(t=>t.borrow_count),e=a.value.map(t=>t.total_duration);return{tooltip:{trigger:"axis"},legend:{data:["借用次数","使用时长"]},xAxis:{type:"category",data:s},yAxis:{type:"value",name:"数量"},series:[{name:"借用次数",type:"line",data:o,smooth:!0},{name:"使用时长",type:"line",data:e,smooth:!0}]}});return(s,o)=>(l(),n("div",R,[o[0]||(o[0]=i("h3",null,"整体设备借用次数趋势",-1)),i("div",S,[(l(),n(D,null,T(p,e=>i("button",{key:e.value,class:A({active:r.value===e.value}),onClick:t=>r.value=e.value},G(e.label),11,V)),64))]),m.value?(l(),n("div",q,[E(z(_),{option:v.value,autoresize:"",style:{height:"300px"}},null,8,["option"])])):(l(),n("div",F,"暂无数据"))]))}}),P=N(I,[["__scopeId","data-v-9d8c6861"]]);export{P as default};
|