2 lines
5.6 KiB
JavaScript
2 lines
5.6 KiB
JavaScript
import{M as z,Q as M,Z as O,I as A,D as G,B as J,G as Q,H as Z,C as W,i as X,J as Y,K as tt,L as et}from"./element-plus-BAaIsRfX.js";import{_ as ot}from"./index.vue_vue_type_script_setup_true_lang-Dt1VPZFQ.js";import{d as B,b as C,r as I,a0 as at,c as w,o as u,M as L,U as t,u as o,K as D,L as s,a,S as d,R as f,T as lt,ab as st,a9 as it,i as nt}from"./@vue-DjVelRet.js";import{i as rt,j as dt}from"./popup-CVn8OzNK.js";import{u as pt}from"./usePaging-Dtz4iZyr.js";import{u as ct}from"./vue-router-DifUqGFW.js";import{d as mt}from"./index-Bw5CyuLZ.js";import"./@element-plus-RuzzlbSF.js";import"./lodash-es-VsDguZh5.js";import"./dayjs-Mv9jwnDt.js";import"./@popperjs-D_chPuIy.js";import"./async-validator-9PlIezaS.js";import"./@ctrl-r5W6hzzQ.js";import"./normalize-wheel-es-BQoi3Ox2.js";import"./nprogress-DYbUr3Ql.js";import"./pinia-D1_qSsvX.js";import"./axios-DIsA03vz.js";import"./lodash-wrSAtCJj.js";import"./@vueuse-DbKvT5Ch.js";import"./css-color-function-DsMtFL6v.js";import"./balanced-match-BdS7OldZ.js";import"./color-DYO1E7y4.js";import"./clone-Ddk2tjDh.js";import"./color-convert-DsNsD289.js";import"./color-name-Dju3oUBS.js";import"./color-string-pUQDDJII.js";import"./ms-CzQ2E3wO.js";import"./vue-clipboard3-DXsJvHIW.js";import"./clipboard-DPX9bJ1T.js";import"./echarts-CXZcVnUo.js";import"./tslib-BDyQ-Jie.js";import"./zrender-DO4NV0px.js";import"./highlight.js--xG_hASo.js";import"./@highlightjs-DcY7_PRf.js";const _t={class:"flex items-center mb-4"},ut={class:"grid grid-cols-2 md:grid-cols-4 gap-4"},vt={class:"stat-card"},ft={class:"stat-card__value"},bt={class:"stat-card"},gt={class:"stat-card__value"},wt={class:"stat-card"},yt={class:"stat-card__value"},ht={class:"stat-card"},xt={class:"stat-card__value"},Vt={class:"grid grid-cols-7 gap-2 text-center text-sm"},Et={class:"text-gray-500 mb-1"},kt={class:"text-blue-600"},Ct={class:"text-green-600"},It={class:"flex justify-end mt-4"},Lt=B({name:"popupLog"}),Dt=B({...Lt,setup(Bt){const b=ct(),m=C(()=>Number(b.query.popup_id||0)),T=C(()=>{const i=b.query.name?`「${b.query.name}」`:"";return m.value>0?`${i} 弹窗统计`:"全部弹窗统计"}),c=I({}),g=I(!1),P=async()=>{g.value=!0;try{const i=await dt(m.value>0?{popup_id:m.value}:{});c.value=i||{}}finally{g.value=!1}},r=at({popup_id:m.value>0?m.value:"",action:"",platform:"",device_id:""}),{pager:_,getLists:y,resetPage:h,resetParams:S}=pt({fetchFun:rt,params:r}),K=i=>i===1?"info":i===2?"success":i===3?"warning":"info";return P(),y(),(i,e)=>{const U=M,$=O,x=A,p=Z,V=Q,v=J,q=W,E=X,F=G,n=tt,N=et,H=Y,R=ot,k=z;return u(),w("div",null,[L((u(),D(x,{class:"!border-none",shadow:"never"},{default:s(()=>[a("div",_t,[t(U,{content:o(T),onBack:e[0]||(e[0]=l=>i.$router.back())},null,8,["content"])]),a("div",ut,[a("div",vt,[e[5]||(e[5]=a("div",{class:"stat-card__label"},"总展示",-1)),a("div",ft,d(o(c).show||0),1)]),a("div",bt,[e[6]||(e[6]=a("div",{class:"stat-card__label"},"总点击",-1)),a("div",gt,d(o(c).click||0),1)]),a("div",wt,[e[7]||(e[7]=a("div",{class:"stat-card__label"},"总关闭",-1)),a("div",yt,d(o(c).close||0),1)]),a("div",ht,[e[8]||(e[8]=a("div",{class:"stat-card__label"},"点击率",-1)),a("div",xt,d(o(c).ctr||0)+"%",1)])]),t($,null,{default:s(()=>e[9]||(e[9]=[f("近 7 天趋势")])),_:1}),a("div",Vt,[(u(!0),w(lt,null,st(o(c).days||[],(l,j)=>(u(),w("div",{key:j,class:"day-cell"},[a("div",Et,d(l.date),1),a("div",kt,"展 "+d(l.show),1),a("div",Ct,"点 "+d(l.click),1)]))),128))])]),_:1})),[[k,o(g)]]),t(x,{class:"!border-none mt-4",shadow:"never"},{default:s(()=>[t(F,{inline:!0,model:o(r),class:"mb-[-16px]"},{default:s(()=>[t(v,{label:"操作"},{default:s(()=>[t(V,{modelValue:o(r).action,"onUpdate:modelValue":e[1]||(e[1]=l=>o(r).action=l),clearable:"",placeholder:"全部",class:"w-[120px]"},{default:s(()=>[t(p,{label:"展示",value:1}),t(p,{label:"点击",value:2}),t(p,{label:"关闭",value:3})]),_:1},8,["modelValue"])]),_:1}),t(v,{label:"平台"},{default:s(()=>[t(V,{modelValue:o(r).platform,"onUpdate:modelValue":e[2]||(e[2]=l=>o(r).platform=l),clearable:"",placeholder:"全部",class:"w-[120px]"},{default:s(()=>[t(p,{label:"H5",value:"h5"}),t(p,{label:"Android",value:"android"}),t(p,{label:"iOS",value:"ios"}),t(p,{label:"微信小程序",value:"mp_weixin"})]),_:1},8,["modelValue"])]),_:1}),t(v,{label:"设备 ID"},{default:s(()=>[t(q,{modelValue:o(r).device_id,"onUpdate:modelValue":e[3]||(e[3]=l=>o(r).device_id=l),placeholder:"模糊搜索",clearable:"",onKeyup:it(o(h),["enter"])},null,8,["modelValue","onKeyup"])]),_:1}),t(v,null,{default:s(()=>[t(E,{type:"primary",onClick:o(h)},{default:s(()=>e[10]||(e[10]=[f("查询")])),_:1},8,["onClick"]),t(E,{onClick:o(S)},{default:s(()=>e[11]||(e[11]=[f("重置")])),_:1},8,["onClick"])]),_:1})]),_:1},8,["model"]),L((u(),D(H,{size:"large",data:o(_).lists,class:"mt-4"},{default:s(()=>[t(n,{label:"ID",prop:"id",width:"80"}),t(n,{label:"弹窗 ID",prop:"popup_id",width:"80"}),t(n,{label:"操作",width:"80"},{default:s(({row:l})=>[t(N,{size:"small",type:K(l.action)},{default:s(()=>[f(d(l.action_text),1)]),_:2},1032,["type"])]),_:1}),t(n,{label:"页面路径",prop:"page_path","min-width":"180","show-overflow-tooltip":""}),t(n,{label:"平台",prop:"platform",width:"100"}),t(n,{label:"设备 ID",prop:"device_id","min-width":"200","show-overflow-tooltip":""}),t(n,{label:"用户 ID",prop:"user_id",width:"80"}),t(n,{label:"IP",prop:"ip",width:"120"}),t(n,{label:"时间",prop:"create_time",width:"160"})]),_:1},8,["data"])),[[k,o(_).loading]]),a("div",It,[t(R,{modelValue:o(_),"onUpdate:modelValue":e[4]||(e[4]=l=>nt(_)?_.value=l:null),onChange:o(y)},null,8,["modelValue","onChange"])])]),_:1})])}}}),ce=mt(Dt,[["__scopeId","data-v-211ff87f"]]);export{ce as default};
|