2 lines
17 KiB
JavaScript
2 lines
17 KiB
JavaScript
import{L as pe,d as _e,i as ge,aj as he,R as fe,Q as be,P as ve,Z as ye,ag as ke,W as we,N as xe,T as Ne,M as Ve,a1 as Ce,E as j}from"./element-plus-Bm2jcHo4.js";import{a8 as Ee,M as Me}from"./@element-plus/icons-vue-8Um_rfcd.js";import{H as De}from"./vue-echarts-BNtg2q_G.js";import{f as Se}from"./first_visit-Ifm9U8v6.js";import{f as Q,b as $e,aP as ze,ak as r,I as p,J as e,a as o,aN as i,O as u,H as k,G as h,F as w,ap as x,A as b}from"./@vue/runtime-core-C6bnekPw.js";import{r as q,y as $,n as G}from"./@vue/reactivity-DiY1c2vO.js";import{Q as s,p as H,o as Fe}from"./@vue/shared-mAAVTE9n.js";import{_ as Oe}from"./index-CJJeyIXM.js";import"./@vue/runtime-dom-DDAG46FW.js";import"./lodash-D3kF6u-c.js";import"./lodash-es-C2A-Pj28.js";import"./@popperjs/core-C5az9QE8.js";import"./dayjs-DG77mNTn.js";import"./@ctrl/tinycolor-BuyEbX8F.js";import"./async-validator-CFA_igpM.js";import"./normalize-wheel-es-BQoi3Ox2.js";import"./resize-detector-G6vbKCU7.js";import"./echarts-CNLwa9wG.js";import"./tslib-BDyQ-Jie.js";import"./zrender-DRNXw7y3.js";import"./jspdf-BsthCvR5.js";import"./@babel/runtime-BanGtE2-.js";import"./fflate-_ayOYiT1.js";import"./vue-router-QlpZ4wdW.js";import"./pinia-B8cvXbiZ.js";import"./axios-C80V62Fs.js";import"./@vueuse/core-1S4fJlii.js";import"./@vueuse/shared-Cl3lVqjz.js";import"./css-color-function-DI01JAaZ.js";import"./balanced-match-BdS7OldZ.js";import"./color-B2zxaWkI.js";import"./clone-DBZ6_OiU.js";import"./color-convert-OrFsTA_V.js";import"./color-name-Dju3oUBS.js";import"./color-string-pUQDDJII.js";import"./ms-CzQ2E3wO.js";import"./vue-clipboard3-DByT_rEQ.js";import"./clipboard-CHgxszqY.js";import"./highlight.js-Bxt7hFFy.js";import"./@highlightjs/vue-plugin-C4onkBvW.js";const Le={class:"conversion-page","element-loading-text":"正在汇总权限范围内的数据"},Te={class:"page-heading"},Pe={class:"heading-meta"},Ae={class:"scope-chip"},Ie={key:0},Re={class:"filter-strip"},Be={class:"filter-item filter-item--time"},Ue={class:"filter-item"},Ye={class:"filter-item"},je={class:"filter-item"},qe={class:"channel-option"},Ge={class:"range-text"},He={class:"metric-grid","aria-label":"综合转化指标"},Qe={key:0,class:"ranking-grid"},We={class:"panel ranking-panel"},Je={class:"panel-heading"},Ke={key:0,class:"bar-list"},Ze=["title"],Xe={class:"bar-track"},et={class:"panel ranking-panel"},tt={class:"panel-heading"},at={key:0,class:"bar-list"},lt=["title"],nt={class:"bar-track"},st={class:"panel detail-panel"},ot={class:"panel-heading panel-heading--table"},rt={class:"panel target-panel"},it={class:"panel-heading"},ut={class:"target-layout"},dt={class:"target-progress-list"},mt={class:"target-summary"},ct={class:"is-teal"},pt={class:"progress-block"},_t={class:"progress-copy"},gt={class:"progress-block progress-block--month"},ht={class:"progress-copy"},ft={key:0,class:"target-empty-note"},bt={class:"trend-wrap"},vt=Q({name:"firstVisitConversionPage"}),yt=Q({...vt,setup(kt){const z=()=>({meta:{time_type:"today",time_label:"今日",start_date:"",end_date:"",generated_at:"",scope_value:4,scope_label:"",selected_dept_name:"",selected_assistant_name:"",selected_media_channel_code:"",selected_media_channel_name:"",open_count_source:"",ranking_kind:"hidden"},filters:{departments:[],assistants:[],media_channels:[]},summary:{},rankings:{orders:[],amounts:[]},rows:[],target:{year:new Date().getFullYear(),target_amount:0,actual_amount:0,completion_rate:null,current_month_target:0,current_month_actual:0,current_month_rate:null,department_count:0,months:[],target_cumulative:[],actual_cumulative:[]}}),l=q(z()),V=G(!1),c=q({time_type:"today",dept_id:void 0,assistant_id:void 0,media_channel_code:""}),v=G([]),W={value:"id",label:"name",children:"children"},J=[{label:"今日",value:"today"},{label:"昨天",value:"yesterday"},{label:"本周",value:"week"},{label:"本月",value:"month"},{label:"本季度",value:"quarter"},{label:"本年",value:"year"},{label:"自定义",value:"custom"}],K=[{key:"add_fans_count",label:"加粉数",type:"count",hint:"区间有效加粉：去重，须会话同意，剔除已删客户、继承客户、扫一扫/搜手机号/名片分享添加及区间前已加过的重加"},{key:"total_open_count",label:"开口数",type:"count",hint:"来源于个人业绩录入"},{key:"interview_count",label:"面诊",type:"count",hint:"已完成预约"},{key:"completed_order_count",label:"接诊诊单",type:"count",hint:"业务订单，按创建人归属并过滤无效单"},{key:"completed_order_amount",label:"诊单金额",type:"money",hint:"排除取消、拒收、退款及已退款订单"},{key:"avg_unit_price",label:"平均客单价",type:"money",hint:"诊单金额 / 接诊诊单"},{key:"account_cost",label:"现金成本",type:"money",hint:"当前范围内实际投放成本"},{key:"roi",label:"ROI",type:"ratio",hint:"诊单金额 / 投放成本"}],Z=b(()=>{const n=[`${l.meta.time_label||"当前区间"}数据`,l.meta.scope_label||"当前权限范围"];return l.meta.selected_dept_name&&n.push(l.meta.selected_dept_name),l.meta.selected_assistant_name&&n.push(l.meta.selected_assistant_name),l.meta.selected_media_channel_name&&n.push(`渠道：${l.meta.selected_media_channel_name}`),n.join(" · ")}),X=b(()=>{const n=new Map;for(const t of l.filters.media_channels){const d=t.group_name||"";n.has(d)||n.set(d,{group_name:d,customer_count:0,channels:[]});const N=n.get(d);N.channels.push(t),N.customer_count=Math.max(N.customer_count,Number(t.customer_count||0))}return Array.from(n.values())}),F=b(()=>l.meta.ranking_kind||(Number(l.meta.scope_value)===4?"hidden":Number(l.meta.scope_value)===3?"member":"group")),ee=b(()=>F.value!=="hidden"),C=b(()=>F.value==="member"?"组内成员":"小组"),O=b(()=>l.rankings.orders.reduce((n,t)=>n+Number(t.value||0),0)),L=b(()=>l.rankings.amounts.reduce((n,t)=>n+Number(t.value||0),0)),te=b(()=>({animationDuration:450,color:["#0f9185","#2f78df"],tooltip:{trigger:"axis",valueFormatter:n=>_(n)},grid:{left:62,right:24,top:28,bottom:36},xAxis:{type:"category",boundaryGap:!1,data:l.target.months,axisLine:{lineStyle:{color:"#d9e1e9"}},axisLabel:{color:"#718096"}},yAxis:{type:"value",axisLabel:{color:"#718096",formatter:n=>oe(n)},splitLine:{lineStyle:{color:"#edf1f5"}}},series:[{name:"实际完成",type:"line",smooth:!0,symbol:"none",lineStyle:{width:3},areaStyle:{color:"rgba(15,145,133,.08)"},data:l.target.actual_cumulative},{name:"目标值",type:"line",smooth:!0,symbol:"none",lineStyle:{width:2,type:"dashed"},data:l.target.target_cumulative}]}));let E=0;async function f(){const n=++E;V.value=!0;try{const t={...c};if(t.time_type==="custom"){if(t.start_date=v.value[0]||"",t.end_date=v.value[1]||"",!t.start_date||!t.end_date){j.warning("请选择自定义日期范围");return}}else delete t.start_date,delete t.end_date;const d=await Se(t);if(n!==E)return;Object.assign(l,z(),d||{}),c.media_channel_code=l.meta.selected_media_channel_code||""}catch(t){if(n!==E)return;j.error((t==null?void 0:t.message)||"综合数据加载失败")}finally{n===E&&(V.value=!1)}}function ae(){if(c.time_type!=="custom"){v.value=[],f();return}v.value.length===2&&f()}function le(){c.time_type==="custom"&&v.value.length===2&&f()}function ne(){c.assistant_id=void 0,f()}function se(n,t){const d=l.summary[n];return t==="money"?_(d):t==="ratio"?A(d):T(d)}function T(n){return Math.round(Number(n||0)).toLocaleString("zh-CN")}function _(n){return`¥${Number(n||0).toLocaleString("zh-CN",{minimumFractionDigits:2,maximumFractionDigits:2})}`}function y(n){return`${Number(n||0).toFixed(1)}%`}function P(n,t){return t<=0?"0.0%":`${(Number(n||0)/t*100).toFixed(1)}%`}function M(n){return n==null?"未设置":y(n)}function A(n){return Number(n||0).toFixed(2)}function oe(n){return Math.abs(n)>=1e4?`${(n/1e4).toFixed(0)}万`:String(Math.round(n))}function I(n,t){const d=Number(n||0);return t<=0||d<=0?"0%":`${Math.max(4,Math.min(100,d/t*100))}%`}function R(n){return Math.max(0,Math.min(100,Number(n||0)))}return $e(f),(n,t)=>{const d=_e,N=ge,re=he,ie=fe,B=be,U=ve,ue=ye,de=ke,D=we,S=Ne,m=xe,me=Ve,Y=Ce,ce=pe;return ze((r(),p("div",Le,[e("header",Te,[e("div",null,[t[5]||(t[5]=e("h1",null,"综合数据转化",-1)),e("p",null,s(Z.value),1)]),e("div",Pe,[e("span",Ae,[o(d,null,{default:i(()=>[o($(Ee))]),_:1}),u(s(l.meta.scope_label||"数据范围"),1)]),l.meta.generated_at?(r(),p("span",Ie,"更新于 "+s(l.meta.generated_at),1)):k("",!0),o(N,{icon:$(Me),loading:V.value,onClick:f},{default:i(()=>[...t[6]||(t[6]=[u("刷新",-1)])]),_:1},8,["icon","loading"])])]),e("section",Re,[e("div",Be,[t[7]||(t[7]=e("span",{class:"filter-label"},"时间范围",-1)),o(re,{modelValue:c.time_type,"onUpdate:modelValue":t[0]||(t[0]=a=>c.time_type=a),options:J,onChange:ae},null,8,["modelValue"]),c.time_type==="custom"?(r(),h(ie,{key:0,modelValue:v.value,"onUpdate:modelValue":t[1]||(t[1]=a=>v.value=a),type:"daterange","value-format":"YYYY-MM-DD","range-separator":"至","start-placeholder":"开始日期","end-placeholder":"结束日期",class:"date-range-picker",clearable:!1,onChange:le},null,8,["modelValue"])):k("",!0)]),e("div",Ue,[t[8]||(t[8]=e("span",{class:"filter-label"},"搜索员工",-1)),o(U,{modelValue:c.assistant_id,"onUpdate:modelValue":t[2]||(t[2]=a=>c.assistant_id=a),clearable:"",filterable:"",placeholder:"全部员工",class:"employee-select",onChange:f},{default:i(()=>[(r(!0),p(w,null,x(l.filters.assistants,a=>(r(),h(B,{key:a.id,label:a.name,value:Number(a.id)},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),e("div",Ye,[t[9]||(t[9]=e("span",{class:"filter-label"},"部门",-1)),o(ue,{modelValue:c.dept_id,"onUpdate:modelValue":t[3]||(t[3]=a=>c.dept_id=a),data:l.filters.departments,props:W,"node-key":"id",clearable:"",filterable:"","check-strictly":"","default-expand-all":"",placeholder:"全部可见部门",class:"dept-select",onChange:ne},null,8,["modelValue","data"])]),e("div",je,[t[10]||(t[10]=e("span",{class:"filter-label"},"渠道",-1)),o(U,{modelValue:c.media_channel_code,"onUpdate:modelValue":t[4]||(t[4]=a=>c.media_channel_code=a),clearable:"",filterable:"",placeholder:"全部渠道",class:"channel-select",onChange:f},{default:i(()=>[(r(!0),p(w,null,x(X.value,a=>(r(),h(de,{key:a.group_name||"_",label:`${a.group_name||"（未分组）"} · ${a.customer_count}`},{default:i(()=>[(r(!0),p(w,null,x(a.channels,g=>(r(),h(B,{key:g.code,label:g.name,value:g.code},{default:i(()=>[e("span",qe,[e("span",null,s(g.name),1),e("span",null,s(g.customer_count)+" 人",1)])]),_:2},1032,["label","value"]))),128))]),_:2},1032,["label"]))),128))]),_:1},8,["modelValue"])]),e("span",Ge,s(l.meta.start_date)+" 至 "+s(l.meta.end_date),1)]),e("section",He,[(r(),p(w,null,x(K,a=>e("article",{key:a.key,class:"metric-card"},[e("span",null,s(a.label),1),e("strong",null,s(se(a.key,a.type)),1),e("small",null,s(a.hint),1)])),64))]),ee.value?(r(),p("section",Qe,[e("article",We,[e("div",Je,[e("div",null,[e("h2",null,s(C.value)+"订单量占比排名",1),e("p",null,"按"+s(C.value)+"归属统计，排除取消、拒收及退款",1)]),t[11]||(t[11]=e("span",null,"单位：单",-1))]),l.rankings.orders.length?(r(),p("div",Ke,[(r(!0),p(w,null,x(l.rankings.orders,(a,g)=>(r(),p("div",{key:`order-${a.id}`,class:"bar-row"},[e("span",{class:"bar-name",title:a.name},[e("b",null,s(g+1),1),u(s(a.name),1)],8,Ze),e("div",Xe,[e("i",{class:"is-teal",style:H({width:I(a.value,O.value)})},null,4)]),e("strong",null,[e("span",null,s(T(a.value))+" 单",1),e("small",null,s(P(a.value,O.value)),1)])]))),128))])):(r(),h(D,{key:1,"image-size":54,description:"当前范围暂无订单数据"}))]),e("article",et,[e("div",tt,[e("div",null,[e("h2",null,s(C.value)+"金额占比排名",1),e("p",null,"按"+s(C.value)+"归属统计，仅含未取消、未拒收且未退款的有效金额",1)]),t[12]||(t[12]=e("span",null,"单位：元",-1))]),l.rankings.amounts.length?(r(),p("div",at,[(r(!0),p(w,null,x(l.rankings.amounts,(a,g)=>(r(),p("div",{key:`amount-${a.id}`,class:"bar-row"},[e("span",{class:"bar-name",title:a.name},[e("b",null,s(g+1),1),u(s(a.name),1)],8,lt),e("div",nt,[e("i",{class:"is-blue",style:H({width:I(a.value,L.value)})},null,4)]),e("strong",null,[e("span",null,s(_(a.value)),1),e("small",null,s(P(a.value,L.value)),1)])]))),128))])):(r(),h(D,{key:1,"image-size":54,description:"当前范围暂无金额数据"}))])])):k("",!0),e("section",st,[e("div",ot,[t[13]||(t[13]=e("div",null,[e("h2",null,"明细数据列表"),e("p",null,"展开部门可查看人员明细；加粉=总进线=区间有效加粉（按员工+客户去重，须会话同意，剔除已删客户、继承客户、扫一扫/搜手机号/名片分享添加及区间前已加过的重加）；挂号=已支付且实收低于 10 元的订单，预约=有效预约记录；开口率=开口/加粉，挂号率=挂号/加粉，面诊率=面诊/挂号（看挂号后流失），预约率=面诊/预约（看预约后未面诊），面诊接诊率=接诊诊单/面诊，接诊率=接诊诊单/总进线")],-1)),e("span",null,s(l.rows.length)+" 个顶层节点",1)]),o(me,{data:l.rows,"row-key":"id","tree-props":{children:"children"},"default-expand-all":"",class:"detail-table"},{empty:i(()=>[o(D,{description:"当前权限范围内暂无转化数据"})]),default:i(()=>[o(m,{prop:"name",label:"部门 / 人员","min-width":"220",fixed:"left"},{default:i(({row:a})=>[e("strong",{class:Fe({"is-parent":Array.isArray(a.children)&&a.children.length,"is-member":a.type==="member"})},s(a.name),3),!a.type&&a.leader_name?(r(),h(S,{key:0,size:"small",type:"warning",effect:"plain",class:"role-tag"},{default:i(()=>[u(" 组长 · "+s(a.leader_name),1)]),_:2},1024)):k("",!0),a.type==="member"&&a.role?(r(),h(S,{key:1,size:"small",type:"info",effect:"plain",class:"role-tag"},{default:i(()=>[u(s(a.role)+s(a.is_leader?" · 组长":""),1)]),_:2},1024)):a.type==="unbound"?(r(),h(S,{key:2,size:"small",type:"warning",effect:"plain",class:"role-tag"},{default:i(()=>[...t[14]||(t[14]=[u(" 未绑定账号 ",-1)])]),_:1})):k("",!0)]),_:1}),o(m,{prop:"add_fans_count",label:"加粉","min-width":"72",align:"right"}),o(m,{prop:"total_open_count",label:"开口","min-width":"72",align:"right"}),o(m,{prop:"paid_appointment_count",label:"挂号","min-width":"72",align:"right"}),o(m,{prop:"appointment_total_count",label:"预约","min-width":"72",align:"right"}),o(m,{prop:"interview_count",label:"面诊","min-width":"72",align:"right"}),o(m,{prop:"completed_order_count",label:"接诊诊单","min-width":"88",align:"right"}),o(m,{label:"接诊金额","min-width":"104",align:"right"},{default:i(({row:a})=>[u(s(_(a.completed_order_amount)),1)]),_:1}),o(m,{label:"开口率","min-width":"82",align:"right"},{default:i(({row:a})=>[u(s(y(a.total_open_rate)),1)]),_:1}),o(m,{label:"挂号率","min-width":"82",align:"right"},{default:i(({row:a})=>[u(s(y(a.paid_appointment_rate)),1)]),_:1}),o(m,{label:"面诊率","min-width":"82",align:"right"},{default:i(({row:a})=>[u(s(y(a.interview_paid_rate)),1)]),_:1}),o(m,{label:"预约率","min-width":"82",align:"right"},{default:i(({row:a})=>[u(s(y(a.interview_rate)),1)]),_:1}),o(m,{label:"面诊接诊率","min-width":"100",align:"right"},{default:i(({row:a})=>[u(s(y(a.interview_receive_rate)),1)]),_:1}),o(m,{label:"接诊率","min-width":"82",align:"right"},{default:i(({row:a})=>[u(s(y(a.receive_rate)),1)]),_:1}),o(m,{label:"ROI","min-width":"72",align:"right"},{default:i(({row:a})=>[u(s(A(a.roi)),1)]),_:1})]),_:1},8,["data"])]),e("section",rt,[e("div",it,[e("div",null,[t[15]||(t[15]=e("h2",null,"一诊诊金目标追踪",-1)),e("p",null,s(l.target.year)+" 年 · 按当前角色、部门及员工筛选范围计算",1)]),e("span",null,s(l.target.department_count)+" 个目标部门",1)]),e("div",ut,[e("div",dt,[e("div",mt,[e("div",null,[t[16]||(t[16]=e("span",null,"年度目标",-1)),e("strong",null,s(_(l.target.target_amount)),1)]),e("div",null,[t[17]||(t[17]=e("span",null,"已完成",-1)),e("strong",null,s(_(l.target.actual_amount)),1)]),e("div",null,[t[18]||(t[18]=e("span",null,"完成率",-1)),e("strong",ct,s(M(l.target.completion_rate)),1)])]),e("div",pt,[e("div",_t,[t[19]||(t[19]=e("span",null,"年度范围目标",-1)),e("b",null,s(M(l.target.completion_rate)),1)]),o(Y,{percentage:R(l.target.completion_rate),"show-text":!1,"stroke-width":12,color:"#0f9185"},null,8,["percentage"]),e("small",null,"已完成 "+s(_(l.target.actual_amount))+" / 目标 "+s(_(l.target.target_amount)),1)]),e("div",gt,[e("div",ht,[t[20]||(t[20]=e("span",null,"本月范围目标",-1)),e("b",null,s(M(l.target.current_month_rate)),1)]),o(Y,{percentage:R(l.target.current_month_rate),"show-text":!1,"stroke-width":12,color:"#2f78df"},null,8,["percentage"]),e("small",null,"已完成 "+s(_(l.target.current_month_actual))+" / 目标 "+s(_(l.target.current_month_target)),1)]),Number(l.target.target_amount)<=0?(r(),p("div",ft," 当前可见部门尚未维护本年度月度目标，实际诊单金额仍会正常统计。 ")):k("",!0)]),e("div",bt,[t[21]||(t[21]=e("div",{class:"trend-title"},[e("span",null,"年度累计趋势"),e("div",null,[e("i",{class:"legend-line is-actual"}),u("实际完成 "),e("i",{class:"legend-line is-target"}),u("目标值")])],-1)),o($(De),{class:"target-chart",option:te.value,autoresize:""},null,8,["option"])])])])])),[[ce,V.value]])}}}),ia=Oe(yt,[["__scopeId","data-v-e3fb856c"]]);export{ia as default};
|