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.
1 lines
10 KiB
1 lines
10 KiB
import{d as E,r as C,l as Y,am as A,h as l,c as i,e as c,w as s,i as k,a as e,F as p,O as _,n as u,aG as I,ax as T,a7 as j,bg as M,E as N,V as S,a8 as U,p as O,g as P}from"./index-b867c57c.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import"./el-tooltip-4ed993c7.js";import{i as R}from"./index-d2519496.js";import{_ as G}from"./_plugin-vue_export-helper-c27b6911.js";const o=w=>(O("data-v-ef604c33"),w=w(),P(),w),L={class:"min-w-[100px] min-h-[650px] p-[15px] bg-white tab-index"},q={class:"flex w-full justify-between flex-wrap"},J=["onClick"],K={class:"flex items-center"},Q=o(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),W=o(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),X=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),Z=o(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),ee=["onClick"],te={class:"flex items-center"},oe=o(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),se=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),ne=o(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),le={class:"flex w-full justify-between flex-wrap"},ie=["onClick"],ce={class:"flex items-center"},de=o(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),ae=o(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),re=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),xe=o(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),pe=["onClick"],_e={class:"flex items-center"},ue=o(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),fe=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),ve=o(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),he={class:"flex w-full justify-between flex-wrap"},me=["onClick"],be={class:"flex items-center"},Ce=o(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),we=o(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),ge=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),ke=o(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),Be=["onClick"],Ve={class:"flex items-center"},Fe=o(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),ye=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),ze=o(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),He={class:"flex w-full justify-between flex-wrap"},$e=["onClick"],De={class:"flex items-center"},Ee=o(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),Ye=o(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),Ae=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),Ie=o(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),Te=["onClick"],je={class:"flex items-center"},Me=o(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),Ne=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),Se=o(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),Ue=o(()=>e("div",{class:"text-[14px] color-[#333] h-[42px] leading-[42px]"},"自定义时间选择",-1)),Oe={class:"flex items-center"},Pe=o(()=>e("span",{class:"mr-[10px]"},"选择时间:",-1)),Re={class:"dialog-footer"},Ge={class:"flex w-full justify-between flex-wrap"},Le=["onClick"],qe={class:"flex items-center"},Je=o(()=>e("div",{class:"text-[14px]"},"预计收入",-1)),Ke=o(()=>e("div",{class:"ml-[5px] text-[14px]"},"(元)",-1)),Qe=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),We=o(()=>e("div",{class:"text-[25px] font-bold"},"0.00",-1)),Xe=["onClick"],Ze={class:"flex items-center"},et=o(()=>e("div",{class:"text-[14px]"},"访客人数",-1)),tt=o(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[12px]"},null,-1)),ot=o(()=>e("div",{class:"text-[25px] font-bold"},"0",-1)),st=E({__name:"index",setup(w){const B=C("first"),b=C(!1),V=C(""),z=(h,d)=>{h.props.name=="fifth"&&(b.value=!0),I(()=>{F()})},r=Y([{content:"盒子 1",id:1},{content:"盒子 2",id:2},{content:"盒子 3",id:3},{content:"盒子 1",id:4},{content:"盒子 2",id:5},{content:"盒子 3",id:6},{content:"盒子 3",id:7}]),n=C(-1),x=h=>{n.value=h.id},g=C(null),F=()=>{if(g.value!==null){const h=R(g.value),m={tooltip:{trigger:"axis"},legend:{data:["预计收入"]},xAxis:{type:"category",data:["周一","周二","周三","周四","周五","周六","周日"]},yAxis:{type:"value"},series:[{name:"预计收入",type:"line",data:[0,-20,-50,134,90,230,210]}]};h.setOption(m),h.resize({width:"auto"})}};return A(()=>{F()}),(h,d)=>{const a=T,m=j,H=M,y=N,$=S,D=U;return l(),i("div",L,[c(D,{modelValue:B.value,"onUpdate:modelValue":d[4]||(d[4]=t=>B.value=t),class:"demo-tabs",onTabClick:z,type:"card"},{default:s(()=>[c(m,{name:"first"},{label:s(()=>[k("今日")]),default:s(()=>[e("div",q,[(l(!0),i(p,null,_(r.slice(0,3),(t,f)=>(l(),i("div",{class:u(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",K,[Q,W,c(a,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:s(()=>[X]),_:1})]),Z],10,J))),256)),(l(!0),i(p,null,_(r.slice(3),(t,f)=>(l(),i("div",{class:u(["w-[23%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",te,[oe,c(a,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:s(()=>[se]),_:1})]),ne],10,ee))),256))])]),_:1}),c(m,{label:"昨日",name:"second"},{default:s(()=>[e("div",le,[(l(!0),i(p,null,_(r.slice(0,3),(t,f)=>(l(),i("div",{class:u(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",ce,[de,ae,c(a,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:s(()=>[re]),_:1})]),xe],10,ie))),256)),(l(!0),i(p,null,_(r.slice(3),(t,f)=>(l(),i("div",{class:u(["w-[23%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",_e,[ue,c(a,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:s(()=>[fe]),_:1})]),ve],10,pe))),256))])]),_:1}),c(m,{label:"7日内",name:"third"},{default:s(()=>[e("div",he,[(l(!0),i(p,null,_(r.slice(0,3),(t,f)=>(l(),i("div",{class:u(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",be,[Ce,we,c(a,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:s(()=>[ge]),_:1})]),ke],10,me))),256)),(l(!0),i(p,null,_(r.slice(3),(t,f)=>(l(),i("div",{class:u(["w-[23%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",Ve,[Fe,c(a,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:s(()=>[ye]),_:1})]),ze],10,Be))),256))])]),_:1}),c(m,{label:"30日内",name:"fourth"},{default:s(()=>[e("div",He,[(l(!0),i(p,null,_(r.slice(0,3),(t,f)=>(l(),i("div",{class:u(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",De,[Ee,Ye,c(a,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:s(()=>[Ae]),_:1})]),Ie],10,$e))),256)),(l(!0),i(p,null,_(r.slice(3),(t,f)=>(l(),i("div",{class:u(["w-[23%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",je,[Me,c(a,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:s(()=>[Ne]),_:1})]),Se],10,Te))),256))])]),_:1}),c(m,{label:"自定义",name:"fifth"},{default:s(()=>[c($,{modelValue:b.value,"onUpdate:modelValue":d[3]||(d[3]=t=>b.value=t),width:"520",draggable:"true"},{header:s(()=>[Ue]),footer:s(()=>[e("div",Re,[c(y,{type:"primary",onClick:d[1]||(d[1]=t=>b.value=!1)},{default:s(()=>[k("确认")]),_:1}),c(y,{onClick:d[2]||(d[2]=t=>b.value=!1)},{default:s(()=>[k("取消")]),_:1})])]),default:s(()=>[e("div",Oe,[Pe,c(H,{modelValue:V.value,"onUpdate:modelValue":d[0]||(d[0]=t=>V.value=t),class:"w-[100px]",type:"datetimerange","start-placeholder":"开始时间","end-placeholder":"结束时间",format:"YYYY-MM-DD HH:mm:ss","date-format":"YYYY/MM/DD ddd","time-format":"A hh:mm:ss"},null,8,["modelValue"])])]),_:1},8,["modelValue"]),e("div",Ge,[(l(!0),i(p,null,_(r.slice(0,3),(t,f)=>(l(),i("div",{class:u(["w-[32%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",qe,[Je,Ke,c(a,{class:"box-item",effect:"light",content:"统计时间内，店铺收入金额减去支出的金额",placement:"top-start"},{default:s(()=>[Qe]),_:1})]),We],10,Le))),256)),(l(!0),i(p,null,_(r.slice(3),(t,f)=>(l(),i("div",{class:u(["w-[23%] border-[#eee] border-solid border-[1px] h-[90px] p-[15px] mt-[20px] cursor-pointer",{"border-[#105CFB]":n.value==t.id,"text-[#105CFB]":n.value==t.id}]),onClick:v=>x(t)},[e("div",Ze,[et,c(a,{class:"box-item",effect:"light",content:"统计时间内，站点访问人数",placement:"top-start"},{default:s(()=>[tt]),_:1})]),ot],10,Xe))),256))])]),_:1})]),_:1},8,["modelValue"]),e("div",{ref_key:"incomeChartRef",ref:g,class:"h-[400px] mt-[60px] ml-[-90px]"},null,512)])}}});const vt=G(st,[["__scopeId","data-v-ef604c33"]]);export{vt as default};
|
|
|