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 z,r as _,l as A,am as H,h as o,c as x,e as d,w as s,i as g,a as e,F as u,O as m,n as h,bS as $,aG as I,ax as T,a7 as M,bg as N,E as S,V as U,a8 as O,p as P,g as R}from"./index-208710d8.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 G}from"./index-d2519496.js";import{_ as L}from"./_plugin-vue_export-helper-c27b6911.js";const a=b=>(P("data-v-d499446e"),b=b(),R(),b),q={class:"min-w-[100px] min-h-[650px] p-[15px] bg-white tab-index mb-[150px]"},J={class:"flex w-full justify-between flex-wrap"},K=["onClick"],Q={class:"flex items-center"},W=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)),de=a(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[4px]"},null,-1)),le=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)),ie={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"},_e=a(()=>e("div",{class:"text-[14px]"},"全部",-1)),ue=a(()=>e("div",{class:"nc-iconfont nc-icon-bangzhuV6xx wenHao text-[#666] ml-[4px]"},null,-1)),me=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)),he=a(()=>e("div",{class:"text-[14px] color-[#333] h-[42px] leading-[42px]"},"自定义时间选择",-1)),be={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-d499446e><div class="flex items-center justify-center flex-col w-[100px] h-[120px] bg-[#105CFB] text-[#fff]" data-v-d499446e><div class="nc-iconfont nc-icon-wodeV6xx-11 my_icon" data-v-d499446e></div><div class="text-[14px]" data-v-d499446e>浏览访问</div></div><div class="w-[237px] h-[120px] mx-[50px] flex flex-col justify-center" data-v-d499446e><div class="text-[14px]" data-v-d499446e>访客数(人)</div><div class="text-[26px]" data-v-d499446e>3</div><div class="flex" data-v-d499446e><div class="text-[12px] text-[#666] pr-[2px]" data-v-d499446e>比前日</div><div class="text-[12px] text-[#f97337] pr-[2px]" data-v-d499446e>⬆</div><div class="text-[12px] text-[#f97337]" data-v-d499446e>100%</div></div></div><div class="w-[237px] h-[120px] mx-[50px] flex flex-col justify-center" data-v-d499446e><div class="text-[14px]" data-v-d499446e>新增会员数(人)</div><div class="text-[26px]" data-v-d499446e>3</div><div class="flex" data-v-d499446e><div class="text-[12px] text-[#666] pr-[2px]" data-v-d499446e>比前日</div><div class="text-[12px] text-[#f97337] pr-[2px]" data-v-d499446e>⬆</div><div class="text-[12px] text-[#f97337]" data-v-d499446e>0%</div></div></div></div><div class="w-full h-[120px] bg-[#fffaf3] mt-[15px] flex" data-v-d499446e><div class="flex items-center justify-center flex-col w-[100px] h-[120px] bg-[#ff9f15] text-[#fff]" data-v-d499446e><div class="nc-iconfont nc-icon-liebiaoV6xx my_icon" data-v-d499446e></div><div class="text-[14px]" data-v-d499446e>成交转化</div></div><div class="w-[237px] h-[120px] mx-[50px] flex flex-col justify-center" data-v-d499446e><div class="text-[14px]" data-v-d499446e>支付人数(人)</div><div class="text-[26px]" data-v-d499446e>3</div><div class="flex" data-v-d499446e><div class="text-[12px] text-[#666] pr-[2px]" data-v-d499446e>比前日</div><div class="text-[12px] text-[#f97337] pr-[2px]" data-v-d499446e>⬆</div><div class="text-[12px] text-[#f97337]" data-v-d499446e>100%</div></div></div><div class="w-[237px] h-[120px] mx-[50px] flex flex-col justify-center" data-v-d499446e><div class="text-[14px]" data-v-d499446e>访问-支付转化率(%)</div><div class="text-[26px]" data-v-d499446e>0.33</div><div class="flex" data-v-d499446e><div class="text-[12px] text-[#666] pr-[2px]" data-v-d499446e>比前日</div><div class="text-[12px] text-[#f97337] pr-[2px]" data-v-d499446e>⬆</div><div class="text-[12px] text-[#f97337]" data-v-d499446e>0%</div></div></div></div>',2),Ee=z({__name:"visit",setup(b){const V=_("first"),v=_(!1),k=_(""),F=(n,l)=>{n.props.name=="fifth"&&(v.value=!0),I(()=>{j()})},r=A([{content:"盒子 1",id:1},{content:"盒子 2",id:2},{content:"盒子 3",id:3},{content:"盒子 1",id:4}]),i=_(-1),f=n=>{i.value=n.id},C=_(null),j=()=>{if(C.value!==null){const n=G(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 H(()=>{j()}),(n,l)=>{const p=T,c=M,D=N,B=S,E=U,Y=O;return o(),x("div",q,[d(Y,{modelValue:V.value,"onUpdate:modelValue":l[4]||(l[4]=t=>V.value=t),class:"demo-tabs",onTabClick:F,type:"card"},{default:s(()=>[d(c,{name:"first"},{label:s(()=>[g("今日")]),default:s(()=>[e("div",J,[(o(!0),x(u,null,m(r,(t,w)=>(o(),x("div",{class:h(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":i.value==t.id,"text-[#105CFB]":i.value==t.id}]),onClick:y=>f(t)},[e("div",Q,[W,d(p,{class:"box-item",effect:"light",content:"统计时间内，全部站点总的访客人数",placement:"top-start"},{default:s(()=>[X]),_:1})]),Z],10,K))),256))])]),_:1}),d(c,{label:"昨日",name:"second"},{default:s(()=>[e("div",ee,[(o(!0),x(u,null,m(r,(t,w)=>(o(),x("div",{class:h(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":i.value==t.id,"text-[#105CFB]":i.value==t.id}]),onClick:y=>f(t)},[e("div",se,[ae,d(p,{class:"box-item",effect:"light",content:"统计时间内，全部站点总的访客人数",placement:"top-start"},{default:s(()=>[de]),_:1})]),le],10,te))),256))])]),_:1}),d(c,{label:"7日内",name:"third"},{default:s(()=>[e("div",ie,[(o(!0),x(u,null,m(r,(t,w)=>(o(),x("div",{class:h(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":i.value==t.id,"text-[#105CFB]":i.value==t.id}]),onClick:y=>f(t)},[e("div",xe,[ne,d(p,{class:"box-item",effect:"light",content:"统计时间内，全部站点总的访客人数",placement:"top-start"},{default:s(()=>[ce]),_:1})]),pe],10,oe))),256))])]),_:1}),d(c,{label:"30日内",name:"fourth"},{default:s(()=>[e("div",ve,[(o(!0),x(u,null,m(r,(t,w)=>(o(),x("div",{class:h(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":i.value==t.id,"text-[#105CFB]":i.value==t.id}]),onClick:y=>f(t)},[e("div",fe,[_e,d(p,{class:"box-item",effect:"light",content:"统计时间内，全部站点总的访客人数",placement:"top-start"},{default:s(()=>[ue]),_:1})]),me],10,re))),256))])]),_:1}),d(c,{label:"自定义",name:"fifth"},{default:s(()=>[d(E,{modelValue:v.value,"onUpdate:modelValue":l[3]||(l[3]=t=>v.value=t),width:"520",draggable:"true"},{header:s(()=>[he]),footer:s(()=>[e("div",ye,[d(B,{type:"primary",onClick:l[1]||(l[1]=t=>v.value=!1)},{default:s(()=>[g("确认")]),_:1}),d(B,{onClick:l[2]||(l[2]=t=>v.value=!1)},{default:s(()=>[g("取消")]),_:1})])]),default:s(()=>[e("div",be,[we,d(D,{modelValue:k.value,"onUpdate:modelValue":l[0]||(l[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(u,null,m(r,(t,w)=>(o(),x("div",{class:h(["w-[24.3%] border-[#eee] border-solid border-[1px] h-[85px] p-[15px] cursor-pointer",{"border-[#105CFB]":i.value==t.id,"text-[#105CFB]":i.value==t.id}]),onClick:y=>f(t)},[e("div",ke,[je,d(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 Pe=L(Ee,[["__scopeId","data-v-d499446e"]]);export{Pe as default};
|
|
|