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