| 12 |
- import{E as e,d as a,n as s,v as t}from"../element-plus/element-plus.780230b7.js";import{a as l}from"../caret-top/caret-top.43b86994.js";import{p as i,_ as o}from"../commomEcharts/commomEcharts.6383dc1f.js";import{T as r}from"../timeScreen/timeScreen.cd63e6e6.js";import{D as c}from"../downLoadTable/downLoadTable.c8b5e867.js";import{T as n}from"../tableList/tableList.4ff113a4.js";import{_ as d}from"../check/check.22842bfe.js";import{D as u}from"../_dialog/_dialog.3b142e4c.js";import{_ as m,A as p}from"../../assets/index.d04c3cc5.js";import{d as v,w as f,W as h,r as y,o as L,O as k,P as _,a as g,c as b,a4 as E,M as w,R as T,K as j,T as D,L as x,f as A,s as C,G as R,I as V,u as S,U as I,a5 as q}from"../@vue/@vue.4762a280.js";import{S as F}from"../_select/_select.e654c621.js";import{p as N}from"../switchType/switchType.f16f615b.js";import{s as O,q as B,a as W,f as $,b as Q,c as z,e as K,d as P}from"../commonEnum/commonEnum.ffea17d4.js";import"../dayjs/dayjs.4327edce.js";import"../axios/axios.b8790c3c.js";import"../@vueuse/@vueuse.00829289.js";import"../lodash-es/lodash-es.3d8ce632.js";import"../async-validator/async-validator.21881447.js";import"../@ctrl/@ctrl.17547d95.js";import"../escape-html/escape-html.d572c0fd.js";import"../normalize-wheel-es/normalize-wheel-es.db30398b.js";import"../useEcharts/useEcharts.bd2a828a.js";import"../echarts/echarts.f2b2ac0c.js";import"../tslib/tslib.e35f93b8.js";import"../zrender/zrender.fe59a237.js";import"../question-filled/question-filled.26353817.js";import"../vue-router/vue-router.a593c94c.js";import"../nprogress/nprogress.6ebd1c78.js";import"../pinia/pinia.07ac0f5f.js";import"../vue-demi/vue-demi.4f3c4c97.js";import"../pinia-plugin-persist/pinia-plugin-persist.67085de7.js";const M={class:"lengedDialog"},H=["onClick"],G={class:"f13 c-0F161E lMar5"};var U=m(v({__name:"indicatorEcharts",props:{type:{default:"STAR_VIDEO_TREND"}},emits:["updateEvent"],setup(s,{expose:t,emit:l}){const i=s,{proxy:o}=A();f((()=>i.type),(()=>{C()}));const r=h({chooseList:[],legendList:[]}),c=y(!1),n=y(!1),m=async()=>{c.value=!1},v=async()=>{if(r.chooseList&&0==r.chooseList.length)return void e.error("最少保留1个数据哦");n.value=!0;const a=h({type:i.type,columns:r.chooseList.map((e=>e.key))});let s=await o.$http.post(p.customData_edit,a);n.value=!1,s&&"0"==s.code?(s.data,c.value=!1,l("updateEvent")):e.error(s.msg)},C=async()=>{const a=h({type:i.type});let s=await o.$http.get(p.customData_list,a);if(s&&"0"==s.code){let e=s.data[0].list;r.legendList=e}else e.error(s.msg)};return t({indicatorDialogShow:c,pageInfo:r,init:C}),(s,t)=>{const l=d,i=a;return L(),k(u,{width:"400px",dialogTitle:"设置自定义数据",loading:n.value,dialogVisible:c.value,onClose:m,onConfirm:v},{content:_((()=>[g("div",M,[(L(!0),b(x,null,E(r.legendList,(a=>(L(),b("div",{class:"itemBlock",onClick:s=>(a=>{let s=r.chooseList.findIndex((e=>e.key==a.key));if(s>-1){if(r.chooseList&&1==r.chooseList.length)return void e.error("最少保留1个数据哦");r.chooseList.splice(s,1)}else r.chooseList.push(a)})(a)},[g("span",{class:w(["checkBlock",r.chooseList.findIndex((e=>e.key==a.key))>-1?"checkBlockAc":""])},[r.chooseList.findIndex((e=>e.key==a.key))>-1?(L(),k(i,{key:0,color:"#0275FF"},{default:_((()=>[T(l)])),_:1})):j("",!0)],2),g("span",G,D(a.name),1)],8,H)))),256))])])),_:1},8,["loading","dialogVisible"])}}}),[["__scopeId","data-v-f29aba78"]]);const J={class:"screenBox"},X={class:"typeBox"},Y=["onClick"],Z={class:"f30"},ee={class:"f13 nameBox"},ae={class:"tableBox"},se={class:"echartsBox"},te={class:"flex bMar15"},le=q("自定义数据");var ie=m(v({__name:"projectAnalysis",setup(d){const{proxy:u}=A(),m=u.$NumberHandle,v=y(),f=()=>{ve(),_e()},q=y(),M=h({list:[]}),H=y("STAR_VIDEO_TREND"),G=y(),ie=()=>{G.value.indicatorDialogShow=!0},oe=y(!1),re=h({tableList:[],descolList:O}),ce=h([{name:"星视频",key:"starVideoCost",num:0},{name:"星直播",key:"starLiveCost",num:0},{name:"星任务",key:"quickTaskCost",num:0},{name:"流量助推",key:"flowAssistCost",num:0}]),{typeAc:ne,typeList:de}=N(ce),ue=()=>{"quickTaskCost"==ne.value?"qtaskLive"==me.value.value?(re.descolList=B,H.value="QTASK_LIVE_TREND"):(re.descolList=W,H.value="QTASK_VIDEO_TREND"):"flowAssistCost"==ne.value&&("flowStarLive"==me.value.value?(re.descolList=$,H.value="FLOW_STAR_LIVE_TREND"):"flowQtaskVideo"==me.value.value?(re.descolList=Q,H.value="FLOW_QTASK_VIDEO_TREND"):(re.descolList=z,H.value="FLOW_STAR_VIDEO_TREND")),be()},me=y(),pe=h({quickTaskList:[{label:"视频",value:"qtaskVideo"},{label:"直播",value:"qtaskLive"}],flowAssistList:[{label:"星视频",value:"flowStarVideo"},{label:"星直播",value:"flowStarLive"},{label:"星任务视频",value:"flowQtaskVideo"}]}),ve=async()=>{Le.value=!1,oe.value=!0;let a="starVideo";"starLiveCost"==ne.value?a="starLive":"quickTaskCost"!=ne.value&&"flowAssistCost"!=ne.value||(a=me.value.value);const s=h({st_date:v.value.dateVal[0],en_date:v.value.dateVal[1],cust_id:q.value.value,pr_type:a});let t=await u.$http.get(p.prodect_list,s);if(oe.value=!1,t&&"0"==t.code){let e=t.data,a={};for(const s in e.summary)a[s.slice(4)]=e.summary[s];a.day="汇总",e.list.unshift(a),re.tableList=e.list,fe.seriesData=[],fe.legendList.forEach((a=>{fe.seriesData.push({name:a.name,type:"line",data:e.trend.map((e=>e[a.key])),showSymbol:!1})})),fe.xdata=e.trend.map((e=>e.day)),Le.value=!0,he()}else e.error(t.msg)},fe=h({xdata:[],seriesData:[],legendList:[]}),he=()=>{ye.obj={color:K,grid:{left:"1%",right:"2%",bottom:"10%",containLabel:!0},legend:{icon:"roundRect",data:fe.legendList.map((e=>e.name)),show:!0,itemGap:22,itemWidth:12,itemHeight:12,left:"0"},xAxis:{type:"category",data:fe.xdata},tooltip:{trigger:"axis",formatter:e=>{let a=e[0].name+"<br>";for(let s of e)fe.legendList.forEach((e=>{s.seriesName==e.name&&(s.hasPercent=e.hasPercent)})),s.hasPercent?a+=s.marker+s.seriesName+" : "+m(s.value)+"%<br>":a+=s.marker+s.seriesName+" : "+m(s.value)+"<br>";return a}},yAxis:{type:"value",axisLabel:{formatter:function(e){return m(e)}}},series:fe.seriesData}},{echartsOption:ye,showEchart:Le}=i(),ke=y(!1),_e=async()=>{ke.value=!0;const a=h({st_date:v.value.dateVal[0],en_date:v.value.dateVal[1],cust_id:q.value.value});let s=await u.$http.get(p.prodect_total,a);if(ke.value=!1,s&&"0"==s.code){let e=s.data;ce.forEach((a=>{a.num=e[a.key]}))}else e.error(s.msg)},ge=async()=>{const a=h({type:H.value});let s=await u.$http.get(p.customData_detial,a);if(s&&"0"==s.code){let e=s.data;fe.legendList=e,G.value.pageInfo.chooseList=e}else e.error(s.msg)},be=async()=>{await ge(),await ve()};return C((()=>{R((async()=>{await(async()=>{const a=h({page:1,pageSize:500});let s=await u.$http.get(p.customerAuth_list,a);if(s&&"0"==s.code){let e=s.data;M.list=[],e.data.forEach((e=>{M.list.push({value:e.id,label:e.name})}));const a=M.list.findIndex((e=>4==e.value));q.value.value=M.list[a].value}else e.error(s.msg)})(),_e(),await ge(),await ve(),G.value.init()}))})),(e,i)=>{const d=l,u=a,p=s,h=t;return L(),b(x,null,[g("div",J,[T(r,{title:"",onInit:f,ref_key:"timeScreenRef",ref:v},null,512),T(F,{ref_key:"selectRefForm",ref:q,clearFlag:!1,selectWidth:"220px",title:"客户",options:M.list,onChangeEvent:f},null,8,["options"]),T(c,{tableDataList:re.tableList,descolList:re.descolList,excleName:"产品分析数据"},null,8,["tableDataList","descolList"])]),V((L(),b("div",X,[(L(!0),b(x,null,E(S(de).list,((e,a)=>(L(),b("div",{class:"text-center",key:e.key,onClick:a=>{return s=e.key,ne.value=s,void R((async()=>{"quickTaskCost"==s?(me.value.value=pe.quickTaskList[0].value,re.descolList=W,H.value="QTASK_VIDEO_TREND"):"flowAssistCost"==s?(me.value.value=pe.flowAssistList[0].value,re.descolList=z,H.value="FLOW_STAR_VIDEO_TREND"):"starVideoCost"==s?(re.descolList=O,H.value="STAR_VIDEO_TREND"):"starLiveCost"==s&&(re.descolList=P,H.value="STAR_LIVE_TREND"),await be()}));var s},style:{"min-width":"calc(25%)"}},[g("div",{class:w(["item",e.key==S(ne)?"itemAc":""]),style:I({marginRight:a==S(de).list.length-1?"0":""})},[g("div",Z,D(e.name),1),g("div",ee,"消耗: "+D(S(m)(e.num)),1)],6),T(u,{color:e.key==S(ne)?"#0275FF":"#FBFAFE",style:{"margin-top":"-10px"}},{default:_((()=>[T(d)])),_:2},1032,["color"])],8,Y)))),128))])),[[h,ke.value]]),V((L(),b("div",ae,[g("div",se,[g("div",te,["quickTaskCost"==S(ne)||"flowAssistCost"==S(ne)?(L(),k(F,{key:0,ref_key:"SelectRef_quickFlow",ref:me,"select-width":"140px",clearFlag:!1,options:"quickTaskCost"==S(ne)?pe.quickTaskList:pe.flowAssistList,onChangeEvent:ue},null,8,["options"])):j("",!0),T(p,{type:"primary",class:"lMarauto",onClick:ie},{default:_((()=>[le])),_:1})]),S(Le)?(L(),k(o,{key:0,options:S(ye).obj,height:"400px"},null,8,["options"])):j("",!0)]),T(n,{showPagination:!1,tableHeight:"calc(100vh - 315px)",tableData:re.tableList,descol:re.descolList},null,8,["tableData","descol"]),T(U,{ref_key:"IndicatorEchartsRef",ref:G,type:H.value,onUpdateEvent:be},null,8,["type"])])),[[h,oe.value]])],64)}}}),[["__scopeId","data-v-458a5c4e"]]);export{ie as default};
|
