https://static.fengqian.cc/b/js/productAnalyticsDetail-BcX2GL_L.js

1var me=Object.defineProperty;var Z=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable;var ee=(g,i,p)=>i in g?me(g,i,{enumerable:!0,configurable:!0,writable:!0,value:p}):g[i]=p,_=(g,i)=>{for(var p in i||(i={}))ce.call(i,p)&&ee(g,p,i[p]);if(Z)for(var p of Z(i))ve.call(i,p)&&ee(g,p,i[p]);return g};var H=(g,i,p)=>new Promise((k,h)=>{var y=d=>{try{m(p.next(d))}catch(L){h(L)}},c=d=>{try{m(p.throw(d))}catch(L){h(L)}},m=d=>d.done?k(d.value):Promise.resolve(d.value).then(y,c);m((p=p.apply(g,i)).next())});import{U as fe,D as ge,ai as ye,E as te,aH as _e,_ as ke}from"./bootstrap-D0v5lBZg.js";import{E as be}from"./el-alert-bzpx0CBV.js";import"./css-B_pMQrf_.js";import{E as I}from"./el-card-CrHdA924.js";import"./css-DkPJaLWB.js";import{E as Ee,a as P}from"./el-descriptions-item-Cba-2fSd.js";import"./css-yw13DKwT.js";import"./css-C_VJWRLG.js";import"./css-DzKp9wPL.js";import{E as he}from"./el-skeleton-item-BPslDrCa.js";import{E as Le,a as U}from"./el-table-column-C8b8OJvo.js";import"./el-tooltip-l0sNRNKZ.js";/* empty css                  *//* empty css                     *//* empty css               */import{u as Re,m as O,_ as Ae,a as Se}from"./analytics-metrics-BdAksq3I.js";import{_ as Te}from"./AnalyticsProductImage.vue_vue_type_script_setup_true_lang-C9iU1DeG.js";import D from"./MetricHelp-BiiYMLKm.js";import Ce from"./ProductTrafficFunnel-D_bJH62U.js";import{ElButton as le}from"./index-DiWc-AjX.js";import{E as we}from"./index-xRjrDXgL.js";import{E as Ie}from"./index-Cmn3kNL_.js";import{ElRadioGroup as De,ElRadioButton as x}from"./index-CDms5VRf.js";import{ElCheckbox as xe}from"./index-DIkXteh4.js";import{k as Ve,r as b,o as Me,G as Ge,w as ae,a6 as Pe,m as S,n as V,q as r,L as n,K as o,M as u,u as s,v,x as Ue,F as ne,R as se,J as Oe,p as Fe,c as E,z as Ne}from"../jse/index-index-CdQMRzGu.js";import"./vnode-hm27adZ0.js";import"./use-form-common-props-C8ZvkSdb.js";import"./constants-Dnj8X3EN.js";import"./index-CROYW2Hm.js";import"./util-B2mB0_6C.js";import"./index-COPtFckW.js";import"./flatten-BHn53fXn.js";import"./_baseClone-CQmodCjw.js";import"./isArrayLikeObject-BmsEARYC.js";import"./omit-CMJrXE0S.js";import"./_baseIteratee-nv8Ee6Kr.js";import"./castArray-C34zB7I9.js";import"./raf-BLAUw_2i.js";import"./el-image-viewer-CKHTNGeJ.js";import"./focus-trap-BwgWRbFr.js";import"./aria-M32HYlgY.js";import"./index-x2zrM1pS.js";import"./index-C90p46W-.js";import"./index-BSu7dRmx.js";import"./index-3B6YlRyc.js";/* empty css                        */import"./use-form-item-DzHCuiEA.js";import"./event-BB_Ol6Sd.js";const $e={class:"detail-page"},Ke={class:"page-heading"},qe={key:0,class:"detail-loading-strip"},Be={class:"product-copy"},ze={class:"product-title"},je={class:"section-heading"},He={class:"metric-grid"},Je=["onClick"],We={class:"metric-card-label"},Qe={class:"section-heading"},Xe={class:"trend-count"},Ye={class:"field-heading"},Ze={class:"field-heading"},et={class:"field-heading"},tt={class:"field-heading"},lt=Ve({__name:"productAnalyticsDetail",setup(g){const i=fe(),p=ge(),k=b(!1),h=b(!1),y=b(0),c=b({}),m=b(i.query.channel||"ALL"),d=b(["gmv","orders","skuOrders","itemsSold","impressions"]),L=b(),{renderEcharts:oe}=Re(L);let F=!1,T,R,N=0;const f=E(()=>c.value.product||{}),C=E(()=>f.value.detail||{}),$=E(()=>{var e;const t=(e=f.value.channelMetrics)==null?void 0:e[m.value];return m.value==="ALL"?_(_({},f.value),t):_(_(_(_(_({},t),m.value==="SELLER_LIVE"?{sellerLiveGmv:t==null?void 0:t.gmv}:{}),m.value==="SELLER_VIDEO"?{sellerVideoGmv:t==null?void 0:t.gmv}:{}),m.value==="SELLER_PRODUCT_CARD"?{sellerCardGmv:t==null?void 0:t.gmv}:{}),m.value==="AFFILIATE"?{affiliateGmv:t==null?void 0:t.gmv,affiliateVideoGmv:f.value.affiliateVideoGmv,creatorLiveGmv:f.value.creatorLiveGmv}:{})}),K=E(()=>Se("PRODUCT",m.value)),A=E(()=>c.value.trend||[]),re=E(()=>{const t=c.value.skus||{};return t.rows||t.skus||t.shop_skus||t.performance||t.data||[]}),ie=E(()=>(c.value.warnings||[]).filter(t=>t.includes("授权")));function M(t,e){for(const a of e){let l=t;for(const j of a.split("."))l=l==null?void 0:l[j];if(l!=null&&l!=="")return l}}function G(t){var l;const e=typeof t=="object"?(l=t==null?void 0:t.amount)!=null?l:t==null?void 0:t.value:t,a=Number(String(e!=null?e:0).replaceAll(",","").replace("%",""));return Number.isFinite(a)?a:0}function ue(t){const e=$.value[t.key];if(e==null||e==="")return"--";if(t.percentage){const a=G(e);return`${a<=1?(a*100).toFixed(2):a.toFixed(2)}%`}

1return t.money?`${G(e).toLocaleString()} ${$.value.currency||f.value.currency||""}`.trim():G(e).toLocaleString()}function J(t,e){var a,l;return(l=(a=t.channelMetrics)==null?void 0:a[m.value])==null?void 0:l[e]}function w(t){return k.value&&A.value.length===0?!0:A.value.some(e=>{const a=J(e,t.key);return a!=null&&a!==""})}function W(t){const e=d.value;if(e.includes(t.key)){d.value=e.filter(a=>a!==t.key);return}if(!w(t)){te.info("TikTok 当前接口未返回该指标的趋势数据");return}if(e.length>=5){te.warning("趋势明细每次最多选择 5 个指标");return}d.value=[...e,t.key]}function Q(){const t=K.value.filter(l=>w(l)),e=new Set(t.map(l=>l.key)),a=d.value.filter(l=>e.has(l));d.value=(a.length>0?a:t.slice(0,5).map(l=>l.key)).slice(0,5)}function X(t){return t.percentage?"percent":t.money?"money":"count"}function de(t){return t==="money"?"金额":t==="percent"?"百分比":"数量"}function Y(){return H(this,null,function*(){yield Ne();const t=K.value.filter(a=>d.value.includes(a.key)&&w(a)),e=[...new Set(t.map(a=>X(a)))];e.length===0&&e.push("count"),yield oe({grid:{bottom:30,containLabel:!0,left:24,right:e.length>2?92:32,top:58},legend:{data:t.map(a=>a.label),top:0,type:"scroll"},series:t.map(a=>({data:A.value.map(l=>G(J(l,a.key))),name:a.label,showSymbol:A.value.length<15,smooth:!0,type:"line",yAxisIndex:e.indexOf(X(a))})),tooltip:{trigger:"axis"},xAxis:{data:A.value.map(a=>a.date||"-"),type:"category"},yAxis:e.map((a,l)=>({axisLabel:{formatter:a==="percent"?"{value}%":"{value}"},name:de(a),offset:l>1?(l-1)*60:0,position:l===0?"left":"right",type:"value"}))})})}function q(t,e){var a;return(a=M(t,e))!=null?a:0}function B(){R&&clearTimeout(R),T&&clearInterval(T),R=void 0,T=void 0,N=0,h.value=!1,y.value=100}function pe(){if(h.value=!0,T||(y.value=Math.max(8,y.value),T=setInterval(()=>{y.value=Math.min(92,y.value+Math.max(1,Math.round((92-y.value)/10)))},600)),R)return;const t=N<10?3e3:1e4;R=setTimeout(()=>{R=void 0,N+=1,z(!0)},t)}function z(t=!1){return H(this,null,function*(){if(!F){F=!0,t||(B(),k.value=!0);try{const e=yield _e({channel:"ALL",currency:"LOCAL",endDateLt:i.query.endDateLt,productId:i.params.productId,productLevel:"PRODUCT",shopId:Number(i.query.shopId),startDateGe:i.query.startDateGe,statuses:String(i.query.statuses||"ACTIVATE").split(",")});e.dataStatus==="PREPARING"?((Object.keys(c.value).length===0||c.value.dataStatus==="PREPARING")&&(c.value=e),pe()):(c.value=e,B())}finally{F=!1,t||(k.value=!1)}Q()}})}return Me(z),Ge(B),ae(m,()=>{Q(),Y()}),ae([d,A],Y,{deep:!0}),(t,e)=>{const a=Pe("ElProgress");return S(),V("div",$e,[r("div",Ke,[r("div",null,[n(s(le),{link:"",type:"primary",onClick:e[0]||(e[0]=l=>s(p).back())},{default:o(()=>[...e[4]||(e[4]=[u(" ← 返回商品分析 ",-1)])]),_:1}),e[5]||(e[5]=r("h2",null,"商品分析详细信息",-1)),r("p",null," 数据时区："+v(c.value.timezone||"GMT-08:00")+" · 最新可用日期："+v(c.value.latestAvailableDate||"-"),1)]),n(s(le),{loading:k.value,onClick:e[1]||(e[1]=l=>z(!1))},{default:o(()=>[...e[6]||(e[6]=[u("刷新",-1)])]),_:1},8,["loading"])]),h.value?(S(),V("div",qe,[e[7]||(e[7]=r("div",null,[r("strong",null,"详细数据正在准备中"),r("span",null,"商品资料已可查看，指标完成后将自动更新")],-1)),n(a,{percentage:y.value,"show-text":!1,"stroke-width":5},null,8,["percentage"])])):Ue("",!0),(S(!0),V(ne,null,se(ie.value,l=>(S(),Oe(s(be),{key:l,class:"warning",type:"warning",closable:!1,title:l},null,8,["title"]))),128)),n(s(he),{loading:k.value&&Object.keys(c.value).length===0,animated:"",rows:8},{default:o(()=>[n(s(I),{shadow:"never",class:"product-summary"},{default:o(()=>[n(Te,{product:f.value,class:"product-image"},null,8,["product"]),r("div",Be,[n(s(we),{content:f.value.title||C.value.title||"-",placement:"top"},{default:o(()=>[r("h3",ze,v(f.value.title||C.value.title||"-"),1)]),_:1},8,["content"]),n(s(Ie),{type:"success"},{default:o(()=>[u(v(f.value.statusLabel||f.value.status||"-"),1)]),_:1}),n(s(Ee),{column:2,border:"",class:"descriptions"},{default:o(()=>[n(s(P),{label:"商品 ID"},{default:o(()=>[u(v(f.value.productId||s(i).params.productId),1)]),_:1}),n(s(P),{label:"类目"},{default:o(()=>[u(v(M(C.value,["category_chains.0.local_name","category.name","category_name"])||"-"),1)]),_:1}),n(s(P),{label:"价格"},{default:o(()=>[u(v(M(C.value,["skus.0.price.sale_price","price.sale_price","price"])||"-"),1)]),_:1}),n(s(P),{label:"评分"},{default:o(()=>[u(v(M(C.value,["rating.average_rating","rating","review_rating"])||"-"),1)]),_:1})]),_:1})])]),_:1}),n(s(I),{shadow:"never",class:"section-card"},{default:o(()=>[r("div",je,[e[13]||(e[13]=r("div",null,[r("h3",null,"关键指标"),r("p",null,"切换渠道时只改变本页统计口径，不重复拉取全量商品。")],-1)),n(s(De),{modelValue:m.value,"onUpdate:modelValue":e[2]||(e[2]=l=>m.value=l)},{default:o(()=>[n(s(x),{value:"ALL"},{default:o(()=>[...e[8]||(e[8]=[u("全部",-1)])]),_:1}),n(s(x),{value:"SELLER_LIVE"},{default:o(()=>[...e[9]||(e[9]=[u("商家直播",-1)])]),_:1}),n(s(x),{value:"SELLER_VIDEO"},{default:o(()=>[...e[10]||(e[10]=[u("商家视频",-1)])]),_:1}),n(s(x),{value:"SELLER_PRODUCT_CARD"},{default:o(()=>[...e[11]||(e[11]=[u(" 商家商品卡 ",-1)])]),_:1}),n(s(x),{value:"AFFILIATE"},{default:o(()=>[...e[12]||(e[12]=[u("联盟",-1)])]),_:1})]),_:1},8,["modelValue"])]),r("div",He,[(S(!0),V(ne,null,se(K.value,l=>(S(),V("div",{key:l.key,class:Fe(["metric-card",{selected:d.value.includes(l.key),unavailable:!w(l)}]),onClick:j=>W(l)},[r("div",We,[r("span",null,[u(v(l.label)+" ",1),n(D,{content:s(O)(l),label:l.label},null,8,["content","label"])]),n(s(xe),{"model-value":d.value.includes(l.key),disabled:!w(l),onClick:e[3]||(e[3]=ye(()=>{},["stop"])),onChange:j=>W(l)},null,8,["model-value","disabled","onChange"])]),r("strong",null,v(ue(l)),1)],10,Je))),128))])]),_:1}),n(s(I),{shadow:"never",class:"section-card"},{default:o(()=>[e[14]||(e[14]=r("h3",null,"商品流量漏斗",-1)),n(Ce,{"analytics-available":c.value.analyticsAvailable!==!1,metrics:$.value},null,8,["analytics-available","metrics"])]),_:1}),n(s(I),{shadow:"never",class:"section-card"},{default:o(()=>[r("div",Qe,[e[15]||(e[15]=r("div",null,[r("h3",null,"趋势明细"),r("p",null,"点击上方关键指标加入趋势图，每次最多选择 5 个指标。")],-1)),r("span",Xe," 已选择 "+v(d.value.length)+"/5 ",1)]),n(s(Ae),{ref_key:"chartRef",ref:L,height:"360px"},null,512)]),_:1}),n(s(I),{shadow:"never",class:"section-card"},{default:o(()=>[e[20]||(e[20]=r("h3",null,"SKU 概览",-1)),n(s(Le),{data:re.value,border:"","empty-text":"暂无 SKU 分析数据"},{default:o(()=>[n(s(U),{prop:"skuId","min-width":"180"},{header:o(()=>[r("span",Ye,[e[16]||(e[16]=u(" SKU ID ",-1)),n(D,{content:"TikTok Shop 为商品销售规格分配的唯一标识。",label:"SKU ID"})])]),_:1}),n(s(U),{label:"GMV"},{header:o(()=>[r("span",Ze,[e[17]||(e[17]=u(" GMV ",-1)),n(D,{content:s(O)({key:"gmv"}),label:"GMV"},null,8,["content"])])]),default:o(({row:l})=>[u(v(q(l,["gmv","performance.sales.gmv.amount","sales.gmv.amount","gmv.amount"])),1)]),_:1}),n(s(U),{label:"SKU 订单数"},{header:o(()=>[r("span",et,[e[18]||(e[18]=u(" SKU 订单数 ",-1)),n(D,{content:s(O)({key:"skuOrders"}),label:"SKU 订单数"},null,8,["content"])])]),default:o(({row:l})=>[u(v(q(l,["skuOrders","performance.sales.sku_orders_count","sales.sku_orders_count","sku_orders_count"])),1)]),_:1}),n(s(U),{label:"成交件数"},{header:o(()=>[r("span",tt,[e[19]||(e[19]=u(" 成交件数 ",-1)),n(D,{content:s(O)({key:"itemsSold"}),label:"成交件数"},null,8,["content"])])]),default:o(({row:l})=>[u(v(q(l,["itemsSold","performance.sales.items_sold","sales.items_sold","items_sold"])),1)]),_:1})]),_:1},8,["data"])]),_:1})]),_:1},8,["loading"])])}}}),Yt=ke(lt,[["__scopeId","data-v-390bc324"]]);export{Yt as default};
2//# sourceMappingURL=productAnalyticsDetail-BcX2GL_L.js.map