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