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
9.5 KiB
1 lines
9.5 KiB
import{d as H,r as b,l as Y,aq as z,h as o,c as x,e as l,w as s,i as g,a as e,F as _,W as u,n as m,bV as $,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 a=h=>(R("data-v-8b9e092b"),h=h(),q(),h),W={class:"min-w-[100px] min-h-[650px] p-[15px] bg-white tab-index mb-[150px]"},G={class:"flex w-full justify-between flex-wrap"},J=["onClick"],K={class:"flex items-center"},Q=a(()=>e("div",{class:"text-[14px]"},"全部",-1)),X=a(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[4px]"},null,-1)),Z=a(()=>e("div",{class:"flex justify-between"},[e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"访客数"),e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"3")],-1)),ee={class:"flex w-full justify-between flex-wrap"},te=["onClick"],se={class:"flex items-center"},ae=a(()=>e("div",{class:"text-[14px]"},"全部",-1)),le=a(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[4px]"},null,-1)),ie=a(()=>e("div",{class:"flex justify-between"},[e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"访客数"),e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"3")],-1)),de={class:"flex w-full justify-between flex-wrap"},oe=["onClick"],xe={class:"flex items-center"},ne=a(()=>e("div",{class:"text-[14px]"},"全部",-1)),ce=a(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[4px]"},null,-1)),pe=a(()=>e("div",{class:"flex justify-between"},[e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"访客数"),e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"3")],-1)),ve={class:"flex w-full justify-between flex-wrap"},re=["onClick"],fe={class:"flex items-center"},be=a(()=>e("div",{class:"text-[14px]"},"全部",-1)),_e=a(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[4px]"},null,-1)),ue=a(()=>e("div",{class:"flex justify-between"},[e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"访客数"),e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"3")],-1)),me=a(()=>e("div",{class:"text-[14px] color-[#333] h-[42px] leading-[42px]"}," 自定义时间选择 ",-1)),he={class:"flex items-center"},we=a(()=>e("span",{class:"mr-[10px]"},"选择时间:",-1)),ye={class:"dialog-footer"},Ce={class:"flex w-full justify-between flex-wrap"},ge={class:"flex w-full justify-between flex-wrap"},Ve=["onClick"],ke={class:"flex items-center"},je=a(()=>e("div",{class:"text-[14px]"},"全部",-1)),Be=a(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[4px]"},null,-1)),Fe=a(()=>e("div",{class:"flex justify-between"},[e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"访客数"),e("div",{class:"text-[14px] mt-[16px] text-[#999]"},"3")],-1)),De=$('<div class="w-full h-[120px] bg-[#f3f8ff] mt-[15px] flex" data-v-8b9e092b><div class="flex items-center justify-center flex-col w-[100px] h-[120px] bg-[#105CFB] text-[#fff]" data-v-8b9e092b><div class="nc-iconfont nc-icon-wodeV6xx-11 my_icon" data-v-8b9e092b></div><div class="text-[14px]" data-v-8b9e092b>浏览访问</div></div><div class="w-[237px] h-[120px] mx-[50px] flex flex-col justify-center" data-v-8b9e092b><div class="text-[14px]" data-v-8b9e092b>访客数(人)</div><div class="text-[26px]" data-v-8b9e092b>3</div><div class="flex" data-v-8b9e092b><div class="text-[12px] text-[#666] pr-[2px]" data-v-8b9e092b>比前日</div><div class="text-[12px] text-[#f97337] pr-[2px]" data-v-8b9e092b>⬆</div><div class="text-[12px] text-[#f97337]" data-v-8b9e092b>100%</div></div></div><div class="w-[237px] h-[120px] mx-[50px] flex flex-col justify-center" data-v-8b9e092b><div class="text-[14px]" data-v-8b9e092b>新增会员数(人)</div><div class="text-[26px]" data-v-8b9e092b>3</div><div class="flex" data-v-8b9e092b><div class="text-[12px] text-[#666] pr-[2px]" data-v-8b9e092b>比前日</div><div class="text-[12px] text-[#f97337] pr-[2px]" data-v-8b9e092b>⬆</div><div class="text-[12px] text-[#f97337]" data-v-8b9e092b>0%</div></div></div></div><div class="w-full h-[120px] bg-[#fffaf3] mt-[15px] flex" data-v-8b9e092b><div class="flex items-center justify-center flex-col w-[100px] h-[120px] bg-[#ff9f15] text-[#fff]" data-v-8b9e092b><div class="nc-iconfont nc-icon-liebiaoV6xx my_icon" data-v-8b9e092b></div><div class="text-[14px]" data-v-8b9e092b>成交转化</div></div><div class="w-[237px] h-[120px] mx-[50px] flex flex-col justify-center" data-v-8b9e092b><div class="text-[14px]" data-v-8b9e092b>支付人数(人)</div><div class="text-[26px]" data-v-8b9e092b>3</div><div class="flex" data-v-8b9e092b><div class="text-[12px] text-[#666] pr-[2px]" data-v-8b9e092b>比前日</div><div class="text-[12px] text-[#f97337] pr-[2px]" data-v-8b9e092b>⬆</div><div class="text-[12px] text-[#f97337]" data-v-8b9e092b>100%</div></div></div><div class="w-[237px] h-[120px] mx-[50px] flex flex-col justify-center" data-v-8b9e092b><div class="text-[14px]" data-v-8b9e092b>访问-支付转化率(%)</div><div class="text-[26px]" data-v-8b9e092b>0.33</div><div class="flex" data-v-8b9e092b><div class="text-[12px] text-[#666] pr-[2px]" data-v-8b9e092b>比前日</div><div class="text-[12px] text-[#f97337] pr-[2px]" data-v-8b9e092b>⬆</div><div class="text-[12px] text-[#f97337]" data-v-8b9e092b>0%</div></div></div></div>',2),Ae=H({__name:"visit",setup(h){const V=b("first"),v=b(!1),k=b(""),F=(n,i)=>{n.props.name=="fifth"&&(v.value=!0),I(()=>{j()})},r=Y([{content:"盒子 1",id:1},{content:"盒子 2",id:2},{content:"盒子 3",id:3},{content:"盒子 1",id:4}]),d=b(-1),f=n=>{d.value=n.id},C=b(null),j=()=>{if(C.value!==null){const n=L(C.value),c={tooltip:{trigger:"axis"},legend:{data:["全部"]},xAxis:{type:"category",data:["周一","周二","周三","周四","周五","周六","周日"]},yAxis:{type:"value"},series:[{name:"全部",type:"line",data:[0,-20,-50,134,90,230,210]}]};n.setOption(c),n.resize({width:"auto"})}};return z(()=>{j()}),(n,i)=>{const p=T,c=M,D=N,B=S,A=U,E=P;return o(),x("div",W,[l(E,{modelValue:V.value,"onUpdate:modelValue":i[4]||(i[4]=t=>V.value=t),class:"demo-tabs",onTabClick:F,type:"card"},{default:s(()=>[l(c,{name:"first"},{label:s(()=>[g("今日")]),default:s(()=>[e("div",G,[(o(!0),x(_,null,u(r,(t,w)=>(o(),x("div",{class:m(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":d.value==t.id,"text-[#105CFB]":d.value==t.id}]),onClick:y=>f(t)},[e("div",K,[Q,l(p,{class:"box-item",effect:"light",content:"统计时间内，全部站点总的访客人数",placement:"top-start"},{default:s(()=>[X]),_:1})]),Z],10,J))),256))])]),_:1}),l(c,{label:"昨日",name:"second"},{default:s(()=>[e("div",ee,[(o(!0),x(_,null,u(r,(t,w)=>(o(),x("div",{class:m(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":d.value==t.id,"text-[#105CFB]":d.value==t.id}]),onClick:y=>f(t)},[e("div",se,[ae,l(p,{class:"box-item",effect:"light",content:"统计时间内，全部站点总的访客人数",placement:"top-start"},{default:s(()=>[le]),_:1})]),ie],10,te))),256))])]),_:1}),l(c,{label:"7日内",name:"third"},{default:s(()=>[e("div",de,[(o(!0),x(_,null,u(r,(t,w)=>(o(),x("div",{class:m(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":d.value==t.id,"text-[#105CFB]":d.value==t.id}]),onClick:y=>f(t)},[e("div",xe,[ne,l(p,{class:"box-item",effect:"light",content:"统计时间内，全部站点总的访客人数",placement:"top-start"},{default:s(()=>[ce]),_:1})]),pe],10,oe))),256))])]),_:1}),l(c,{label:"30日内",name:"fourth"},{default:s(()=>[e("div",ve,[(o(!0),x(_,null,u(r,(t,w)=>(o(),x("div",{class:m(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":d.value==t.id,"text-[#105CFB]":d.value==t.id}]),onClick:y=>f(t)},[e("div",fe,[be,l(p,{class:"box-item",effect:"light",content:"统计时间内，全部站点总的访客人数",placement:"top-start"},{default:s(()=>[_e]),_:1})]),ue],10,re))),256))])]),_:1}),l(c,{label:"自定义",name:"fifth"},{default:s(()=>[l(A,{modelValue:v.value,"onUpdate:modelValue":i[3]||(i[3]=t=>v.value=t),width:"520",draggable:"true"},{header:s(()=>[me]),footer:s(()=>[e("div",ye,[l(B,{type:"primary",onClick:i[1]||(i[1]=t=>v.value=!1)},{default:s(()=>[g("确认")]),_:1}),l(B,{onClick:i[2]||(i[2]=t=>v.value=!1)},{default:s(()=>[g("取消")]),_:1})])]),default:s(()=>[e("div",he,[we,l(D,{modelValue:k.value,"onUpdate:modelValue":i[0]||(i[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",Ce,[e("div",ge,[(o(!0),x(_,null,u(r,(t,w)=>(o(),x("div",{class:m(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":d.value==t.id,"text-[#105CFB]":d.value==t.id}]),onClick:y=>f(t)},[e("div",ke,[je,l(p,{class:"box-item",effect:"light",content:"统计时间内，全部站点总的访客人数",placement:"top-start"},{default:s(()=>[Be]),_:1})]),Fe],10,Ve))),256))])])]),_:1})]),_:1},8,["modelValue"]),e("div",{ref_key:"incomeChartRef",ref:C,class:"h-[400px] mt-[60px] ml-[-90px]"},null,512),De])}}});const Re=O(Ae,[["__scopeId","data-v-8b9e092b"]]);export{Re as default};
|
|
|