2 lines
3.4 KiB
JavaScript
2 lines
3.4 KiB
JavaScript
import{r as e,aq as a,T as l,a as t,o as s,b as n,a4 as d,l as o,w as r,d as u,t as c,ar as p,a7 as i,v,W as m,p as f,as as g,at as _,au as b,av as x,c as h,aj as y,F as T,z as k,u as C,E as P,B as V}from"./vendor-CF1QNs3T.js";import{_ as w}from"./index-LJvZJS40.js";function D(){const e=new Date;return e.setHours(0,0,0,0),e}const j={class:"timeRangePicker"},E={__name:"dateDayRanger",setup(o){const r=e("过去7天"),u=D();u.setTime(u.getTime()-6048e5);const c=D(),p=e([u,c]);a((()=>{console.log(`选择日期范围:${r.value[0]} 到 ${r.value[1]}`)})),l((()=>{}));const i=[{text:"昨日",value:()=>{const e=D(),a=D();return e.setTime(e.getTime()-864e5),[e,a]}},{text:"今日",value:()=>[D(),D()]},{text:"过去7天",value:()=>[u,c]},{text:"本月",value:()=>{const e=D(),a=D();return e.setDate(1),[e,a]}}];return(e,a)=>{const l=d;return s(),t("div",j,[n(l,{teleported:!1,modelValue:r.value,"onUpdate:modelValue":a[0]||(a[0]=e=>r.value=e),type:"daterange","range-separator":"到","start-placeholder":"Start date","end-placeholder":"End date",shortcuts:i,"default-time":p.value},null,8,["modelValue","default-time"])])}}},I={class:"dateDaySelect clearfix"},R=["title"],S={style:{"margin-right":"10px"}},B={class:"timePickerPane"},U=w({__name:"dateDaySelect",setup(a){const l=e("按天"),d=[{label:"按天",value:"按天"},{label:"按分钟",value:"按分钟",children:[{label:"1分钟",value:"1分钟"},{label:"5分钟",value:"5分钟"},{label:"10分钟",value:"10分钟"}]},{label:"按小时",value:"按小时"},{label:"按周",value:"按周"},{label:"按月",value:"按月"},{label:"按季度",value:"按季度"},{label:"按年",value:"按年"},{label:"合计",value:"合计"}],_=e("今日"),b=()=>{};return(e,a)=>{const x=p,h=o("Calendar"),y=f,T=m,k=i,C=g;return s(),t("div",I,[n(x,{popperClass:"cascaderPopper",modelValue:l.value,"onUpdate:modelValue":a[0]||(a[0]=e=>l.value=e),options:d,"show-all-levels":!1,props:{expandTrigger:"hover",emitPath:!1}},{default:r((({data:e})=>[u("span",{title:e.label},c(e.value),9,R)])),_:1},8,["modelValue"]),n(C,{placement:"bottom-start",trigger:"click",width:800,onClick:b,"popper-style":"box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 0px;"},{reference:r((()=>[n(T,{style:{"margin-left":"10px"}},{default:r((()=>[u("p",S,c(_.value),1),n(y,{class:"el-icon--right"},{default:r((()=>[n(h)])),_:1})])),_:1})])),default:r((()=>[u("div",B,[n(k,null,{default:r((()=>a[1]||(a[1]=[v("日期范围")]))),_:1}),n(k,null,{default:r((()=>[n(E)])),_:1})])])),_:1})])}}},[["__scopeId","data-v-65ce36af"]]),$=w({__name:"analyseMainContentRightToolbar",setup(a){const l=e([{comp:_,desc:"趋势图",selected:!0},{comp:b,desc:"上升图",selected:!1},{comp:x,desc:"饼图",selected:!1}]);return(e,a)=>{const d=y,o=m,u=P,c=i;return s(),h(c,{gutter:20,align:"middle",class:"toolbarPane"},{default:r((()=>[n(d,{span:6},{default:r((()=>[n(U,{style:{"margin-left":"10px"}})])),_:1}),n(d,{span:6,offset:12},{default:r((()=>[n(c,{style:{height:"100%"},align:"middle",justify:"end"},{default:r((()=>[(s(!0),t(T,null,k(C(l),((e,a)=>(s(),h(u,{placement:"top",effect:"light",content:e.desc},{default:r((()=>[n(o,{disabled:e.selected,class:"chartBtn",onClick:a=>(e=>{l.value.forEach((a=>{a.selected=a.desc===e.desc}))})(e)},{default:r((()=>[(s(),h(V(e.comp),{class:"chartIcon"}))])),_:2},1032,["disabled","onClick"])])),_:2},1032,["content"])))),256))])),_:1})])),_:1})])),_:1})}}},[["__scopeId","data-v-584d9183"]]);export{$ as default};
|