| 12 |
- import{E as e,m as a,O as t,n as l,k as s,q as o,u as i,p as c,x as n,y as r,v as p,P as d}from"../element-plus/element-plus.34b51316.js";import{d as u,f as m,Y as g,E as h,L as _,o as f,c as v,a as y,T as w,K as j,ah as b,a2 as k,u as C,Q as S,b7 as z,b6 as x,U as W,a9 as E,J as P,S as U,R as q,n as L}from"../@vue/@vue.5bfcce30.js";import{h as V,_ as D}from"../../assets/index.8d4062fa.js";import{A as M}from"../api/api.7120bcc0.js";import{t as R}from"../await-to-js/await-to-js.591d39c8.js";import{h as T}from"../staticTools/staticTools.7a6ea582.js";import{_ as A}from"../_popconfirm/_popconfirm.ad6ea958.js";import{b as N}from"../qrcode/qrcode.7b126f98.js";import{_ as I}from"../lodash/lodash.cc0d4718.js";import"../lodash-es/lodash-es.e51fd119.js";import"../async-validator/async-validator.21881447.js";import"../@vueuse/@vueuse.ba2b0174.js";import"../dayjs/dayjs.f67a4005.js";import"../axios/axios.27022086.js";import"../@ctrl/@ctrl.9c8f424f.js";import"../@popperjs/@popperjs.f1fb8f77.js";import"../escape-html/escape-html.d572c0fd.js";import"../normalize-wheel-es/normalize-wheel-es.94de1731.js";import"../vue-router/vue-router.ccba075e.js";import"../pinia/pinia.b7fbd7c7.js";import"../vue-demi/vue-demi.4f3c4c97.js";import"../pinia-plugin-persist/pinia-plugin-persist.67085de7.js";import"../@element-plus/@element-plus.d499550f.js";import"../echarts/echarts.f2b2ac0c.js";import"../tslib/tslib.e35f93b8.js";import"../zrender/zrender.fe59a237.js";import"../encode-utf8/encode-utf8.455afa2d.js";import"../dijkstrajs/dijkstrajs.136a7add.js";const K=e=>(z("data-v-4dfca327"),e=e(),x(),e),F={class:"page-wrap"},Q={class:"flex_between select-wrap"},B={class:"filter-wrap"},G={class:"filter-item"},J=K((()=>y("span",{class:"label"},"媒体账户：",-1))),O={class:"filter-item"},Y=K((()=>y("span",{class:"label"},"搜索：",-1))),H={class:"btns-wrap"},X=q("同步微信原生页"),Z={key:0},$={key:1},ee={key:0},ae=K((()=>y("span",{class:"pointer c-theme f12"},"删除",-1))),te=["src"],le={class:"qrCode-warp"},se=["src"],oe=K((()=>y("p",null,"请使用微信扫码",-1))),ie={key:2},ce={key:0,class:"pagination-wrap"};var ne=D(u({__name:"index",props:{isSelection:{type:Boolean,default:!1}},emits:["selectChange"],setup(u,{expose:z,emit:x}){const q=m(!1),D=m(!1),K=g({accValue:"",accountList:[],list:[],total:0,multipleSelection:[],descol:[{name:"原生页预览",column:"preview_url",minWidth:"80"},{name:"原生页名称",column:"page_name",minWidth:"150"},{name:"操作",column:"operate",minWidth:"60"},{name:"原生页id",column:"page_id",minWidth:"100"},{name:"顶部素材形式",column:"canvas_type_name",minWidth:"110"},{name:"所属媒体账户",column:"owner_uid",minWidth:"100"},{name:"媒体应用",column:"app_element_type",minWidth:"100"},{name:"应用平台",column:"app_element_id",minWidth:"100"},{name:"推广目标",column:"promoted_object_name",minWidth:"100"},{name:"更新时间",column:"last_modified_time",minWidth:"150"}]}),ne=g({account_id:"",keyword:"",page:1,page_size:20}),re=m(-1),pe=m(),de=a=>{var t;q.value=!0,(t={account_id:ne.account_id,keyword:ne.keyword,page:ne.page,page_size:ne.page_size},new Promise((async(a,l)=>{const s=await V.get("/api/adcreatives/wechatPagesList",t);0==s.errNo?a(s.rst):(e.error(s.errMsg),l())}))).then((e=>{q.value=!1,K.list=e.data,K.list.forEach((async e=>{try{const a=await N.toDataURL(e.preview_url);e.qrCodeDataUrl=a}catch(a){console.error("Error generating QR code:",a)}})),K.total=e.pageInfo.total,a&&a()})).catch((()=>{q.value=!1}))},ue=a=>{var t;q.value=!0,(t={page_id:a.page_id},new Promise((async(a,l)=>{const s=await V.post("/api/adcreatives/wechatPagesDel",t);0==s.errNo?a(s.rst):(e.error(s.errMsg),l())}))).then((a=>{q.value=!1,de(),e.success("删除成功！")})).catch((()=>{q.value=!1}))},me=()=>{ne.page=1,ne.account_id&&""!=ne.account_id?de():(K.list=[],K.multipleSelection=[],K.total=0)},ge=()=>{ne.page=1,de()},he=()=>{ne.account_id&&""!=ne.account_id?de():e.warning("请选选择媒体账户！")},_e=()=>{var a;ne.account_id&&""!=ne.account_id?D.value||(D.value=!0,(a={account_id:ne.account_id},new Promise((async(t,l)=>{const s=await V.post("/api/adcreatives/flushWechatPages",a);0==s.errNo?t(s.rst):(e.error(s.errMsg),l())}))).then((a=>{a&&(ne.page=1,a.sync_record_id?(d({message:"同步中，请稍后...",duration:0}),fe(a.sync_record_id)):(D.value=!1,e.warning("同步结果获取失败，请稍后再试！")))})).catch((()=>{D.value=!1}))):e.warning("请选选择媒体账户！")},fe=a=>{var t;(t={sync_record_id:a},new Promise((async(a,l)=>{const s=await V.get("/api/adcreatives/getFlushWechatPagesRes",t);0==s.errNo?a(s.rst):(e.error(s.errMsg),l())}))).then((t=>{1==t.status?(D.value=!1,d.closeAll(),de((()=>{e.success("同步成功")}))):2==t.status?(D.value=!1,d.closeAll(),e.error("同步失败！")):0==t.status&&setTimeout((()=>{fe(a)}),2e3)})).catch((()=>{D.value=!1,d.closeAll()}))},ve=e=>{ne.page=e,de()},ye=e=>{K.multipleSelection=e,x("selectChange",K.multipleSelection)},we=e=>!!K.multipleSelection.map((e=>e.page_id)).includes(e.page_id)||!(K.multipleSelection?.length>=re.value&&-1!=re.value),je=e=>{e.length>re.value&&-1!=re.value&&(e.length=re.value),K.multipleSelection=e,x("selectChange",K.multipleSelection)};h((()=>{(async()=>{const[a,t]=await R(V.get(M.account_listToSelect));if(t&&"0"==t.errNo){let e=[],a=[];t.rst.forEach((t=>{e.includes(t.account_name)||(e.push(t.account_name),a.push({label:t.account_name,childs:[]}))})),t.rst.forEach((e=>{a.forEach((a=>{a.label==e.account_name&&a.childs.push(e)}))})),K.accountList=a}else e.error(t.errMsg)})()}));const be=(e,a,t)=>{L((()=>{e&&e.length>0&&K.list&&K.list.length>0?e.forEach((e=>{pe.value?.toggleRowSelection(K.list.find((a=>a.page_id==e.page_id)),a)})):pe.value?.clearSelection(),t&&t()}))};return z({exposeGetList:async(e,a,t)=>{re.value=t||0,e&&(ne.account_id=e,ne.page=1,de((()=>{let e=I.cloneDeep(a);-1!=t&&a.length>t&&e.splice(0,t),be(K.multipleSelection,!1,(()=>{be(e,!0)}))})))}}),(e,d)=>{const m=a,g=t,h=l,z=s,x=o,L=i,V=c,M=n,R=r,N=p;return _((f(),v("div",F,[y("div",Q,[y("div",B,[y("div",G,[J,w(h,{modelValue:ne.account_id,"onUpdate:modelValue":d[0]||(d[0]=e=>ne.account_id=e),filterable:!0,"collapse-tags":"","collapse-tags-tooltip":"",style:{width:"220px"},placeholder:"请选择媒体账户",onChange:me},{default:j((()=>[(f(!0),v(W,null,E(K.accountList,(e=>(f(),P(g,{key:e.label,label:e.label},{default:j((()=>[(f(!0),v(W,null,E(e.childs,(e=>(f(),P(m,{key:e.account_id,label:e.account_id,value:e.account_id},null,8,["label","value"])))),128))])),_:2},1032,["label"])))),128))])),_:1},8,["modelValue"])]),y("div",O,[Y,w(x,{class:"w-200",modelValue:ne.keyword,"onUpdate:modelValue":d[1]||(d[1]=e=>ne.keyword=e),modelModifiers:{trim:!0},placeholder:"请输入",clearable:"",onKeyup:b(k(ge,["prevent","stop"]),["enter","native"]),onClear:ge},{append:j((()=>[w(z,{icon:"Search",onClick:ge})])),_:1},8,["modelValue","onKeyup"])]),y("span",{class:"pointer c-theme",onClick:he},"刷新")]),y("div",H,[w(z,{type:"primary",size:"default",loading:D.value,onClick:d[2]||(d[2]=e=>_e())},{default:j((()=>[X])),_:1},8,["loading"])])]),w(M,{ref_key:"multipleTableRef",ref:pe,size:"default","row-key":"page_id",data:K.list,border:"",height:"calc(100vh - 210px)","header-row-style":{color:"#161E46","font-weight":400},"header-cell-style":C(T),"cell-style":{color:"#333"},onSelectionChange:ye,onSelectAll:je},{empty:j((()=>[ne.account_id&&""!=ne.account_id?(f(),v("span",Z,"暂无数据")):(f(),v("span",$,"请先选择媒体账户，再进行查询微信原生页"))])),default:j((()=>[u.isSelection?(f(),P(L,{key:0,align:"center",type:"selection","reserve-selection":"",selectable:we,width:"55",fixed:"left"})):S("",!0),(f(!0),v(W,null,E(K.descol,(e=>(f(),P(L,{align:"center",prop:e.column,label:e.name,"min-width":e.minWidth},{default:j((({row:a})=>["operate"==e.column?(f(),v("span",ee,[w(A,{key:"dele",onConfirm:e=>ue(a),slotFlag:!0},{con:j((()=>[ae])),_:2},1032,["onConfirm"])])):"preview_url"==e.column?(f(),P(V,{key:1,placement:"right",width:300,trigger:"hover"},{reference:j((()=>[y("img",{src:a.qrCodeDataUrl,class:"qrCodeImg",alt:""},null,8,te)])),default:j((()=>[y("div",le,[y("img",{src:a.qrCodeDataUrl,alt:""},null,8,se),oe])])),_:2},1024)):(f(),v("span",ie,U(a[e.column]),1))])),_:2},1032,["prop","label","min-width"])))),256))])),_:1},8,["data","header-cell-style"]),ne.account_id&&""!=ne.account_id?(f(),v("div",ce,[w(R,{"current-page":ne.page,"onUpdate:current-page":d[3]||(d[3]=e=>ne.page=e),"page-size":ne.page_size,"onUpdate:page-size":d[4]||(d[4]=e=>ne.page_size=e),small:!1,total:K.total,background:"",layout:"total, prev, pager, next",onCurrentChange:ve},null,8,["current-page","page-size","total"])])):S("",!0)])),[[N,q.value]])}}}),[["__scopeId","data-v-4dfca327"]]);export{ne as default};
|
