Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
ASJ_ADS
/
ads_web_dist
2
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Салаа: main
Салаанууд Тагууд
ads_web_dist
/
assets
/
FocusCreativity.3dc4dd65.js

FocusCreativity.3dc4dd65.js 15 KB
Байнгын холболт Түүх Анхны өгөгдөл

1 
  1. import{z as lt,g as at,v as ot,p as st,a as nt,E as M}from"./elementPlus.4833989a.js";import{e as be}from"./emitter.233282e9.js";import{d as it,e as xe,f as ke,h as dt,u as rt,i as ut,j as ct,k as pt}from"./index.852227ba.js";import{d as mt,ay as _t,r as n,Z as T,B as we,w as ft,j as Ce,Y as vt,k as Ve,ai as d,aq as gt,o as u,c as f,U as o,O as s,P as I,a,S as c,M as B,u as U,R as yt,F as G,a8 as j,T as h,I as ht,aF as bt,aG as xt}from"./vue.adf17aba.js";import{u as kt}from"./index.34b03be2.js";import{_ as wt}from"./_plugin-vue_export-helper.c27b6911.js";import"./echarts.72dc8373.js";const v=S=>(bt("data-v-ad4d1b6f"),S=S(),xt(),S),Ct={class:"customize-container"},Vt=v(()=>a("div",{style:{"font-weight":"700","padding-bottom":"18px"}},[a("span",{style:{color:"#306cd7","font-size":"26px"}},"|"),a("span",{style:{"font-size":"18px","padding-left":"5px"}},"创意")],-1)),Nt={style:{display:"flex",border:"1px solid #dddfe6",padding:"0 0 0 5px","margin-bottom":"20px"}},Pt={style:{width:"50%","padding-left":"5px","border-right":"1px solid #dddfe6"}},It=v(()=>a("span",{style:{color:"#e47470","margin-right":"4px"}},"*",-1)),Ut=["src"],St={class:"el-upload-list__item-actions"},Dt=["onClick"],Lt=["onClick"],Ft={style:{"margin-top":"10px"}},At={style:{display:"flex","align-items":"center","justify-content":"space-between"}},Et=v(()=>a("span",{style:{"line-height":"17px","font-weight":"600",color:"#1e2128"}},"徽标规格",-1)),zt=v(()=>a("div",{class:"introduce-item"},"1、图片大小: 400x400 像素或更大",-1)),Mt=v(()=>a("div",{class:"introduce-item"},"2、文件大小: 1MB 或更小",-1)),Tt=v(()=>a("div",{class:"introduce-item"},"3、文件格式: PNG 或 JPG",-1)),Bt={class:"introduce-item"},Gt={style:{"margin-left":"25px",position:"relative"}},jt=["src"],qt={style:{"margin-right":"8px","line-height":"normal",display:"flex","align-items":"center"}},$t={style:{"margin-left":"15px"}},Ot=v(()=>a("span",{style:{color:"#6d7784"}},"当前名称：",-1)),Rt={style:{"margin-bottom":"5px"}},Jt=v(()=>a("span",{style:{color:"#6d7784"}},"ASIN: ",-1)),Kt={class:"card-operation"},Yt={style:{padding:"10px",display:"flex","align-items":"center"}},Zt={style:{"margin-right":"8px","line-height":"normal"}},Ht={style:{position:"relative"}},Qt={class:"double-line"},Wt=v(()=>a("span",{style:{color:"#6d7784"}},"ASIN: ",-1)),Xt={class:"data-color",style:{"margin-right":"8px"}},el={style:{"margin-top":"20px",display:"flex","justify-content":"center"}},tl={class:"radio-item-content"},ll={style:{position:"relative"}},al={class:"double-line"},ol=v(()=>a("span",{style:{color:"#e47470","margin-right":"4px"}},"*",-1)),sl={style:{width:"50%",padding:"0 10px",position:"relative"}},nl={class:"grid-container"},il=["onClick","onMouseover"],dl={style:{padding:"10px"}},rl={class:"bottom"},ul={class:"bottom-item"},cl={class:"bottom-item"},pl=v(()=>a("div",{class:"bottom-item"},"徽标",-1)),ml={class:"dialog-footer"},_l=mt({__name:"FocusCreativity",setup(S){const Ne=kt(),{profile:g}=_t(Ne),q=n(!1),se=n(),y=T({name:"视频 广告 - 1/15/2024 17:51:10.236",brandName:"",title:""}),Pe=T({name:[{required:!0,message:"请输入广告名称",trigger:"blur"}],brandName:[{required:!0,message:"请输入品牌名称",trigger:"blur"}],title:[{required:!0,message:"请输入标题",trigger:"blur"}]}),Ie=async t=>{t&&await t.validate((e,i)=>{e?(console.log("submit!"),Ze()):console.log("error submit!",i)})},ne=n(["1"]),Ue=t=>{t.includes("commodity")};n("");const ie=n(""),$=n(!1),Se=n(!1),w=n([]),de=n(null),O=n(null),b=n([]),re=n(""),V=n(!1),D=T([]);function De(t){ue(t.id)?b.value=b.value.filter(e=>e.id!==t.id):b.value.push(t),de.value=t.id}function Le(){if(b.value.length>0){w.value.length=0,re.value=b.value[0].imageUrl;const t={name:b.value[0].title,url:re.value};w.value.push(t)}b.value=[],V.value=!1}function ue(t){return de.value===t}async function Fe(){const t={profile_id:g.value.profile_id,assetType:"IMAGE",assetSubType:"LOGO"},e=await pt(t);console.log("🚀 ~ getAssetsData ~ response-->>",e),D.splice(0,D.length),e.data.forEach(i=>{D.push({id:i.assetId,title:i.name,imageUrl:i.storageLocationUrls.defaultUrl,width:i.fileMetadata.width,height:i.fileMetadata.height,size:Ae(i.fileMetadata.sizeInBytes)})})}function Ae(t){return(t/1024).toFixed(2)}function Ee(){V.value=!0,Fe()}n(!1),T([]);const r=n([]),R=n(!1),J=n(!1);let L=[];async function ze(){try{R.value=!0;const t=await it({profile_id:"3006125408623189"});t.code===2e3&&(r.value=t.data.defaultlist.map(e=>({storePageName:e.storePageName,storePageLink:e.image_link,storePageUrl:e.storePageUrl,asin:e.asin,inputName:e.storePageName})),L=r.value.map(e=>({asin:e.asin,pageTitle:e.inputName,url:e.storePageUrl})))}catch(t){console.error("Error in getDefaultCommodityData:",t)}finally{R.value=!1}}const ce=n([]),K=n([]),p=n(null),F=n(null);async function Me(t,e){E.value=!0,J.value=!0,p.value=e;try{const i={profile_id:g.value.profile_id,pageurl:t},k=await xe(i);ce.value=k.data.asinList,Te(),J.value=!1}catch(i){console.log("error:",i)}}async function Te(){try{const t={profile_id:g.value.profile_id,asinlist:ce.value},e=await ke(t);K.value=e.data}catch(t){console.error("Error in getStock:",t)}}function Be(){p.value!==null&&(F.value=K.value.find(t=>t.asin===x.value),F.value&&(r.value[p.value].storePageLink=F.value.image_link,r.value[p.value].asin=F.value.asin,r.value[p.value].inputName=r.value[p.value].inputName,console.log(r.value)),p.value=null,x.value=null,E.value=!1)}const A=n(!1),Y=n({storePageInfo:[]}),Z=n(!1),pe=n(""),H=n({}),me=n([]),Q=n("");async function Ge(t,e){A.value=!0,Z.value=!0,p.value=e;try{const i=await dt({profile_id:g.value.profile_id});Y.value=i.data}catch(i){console.log("error:",i)}finally{Z.value=!1}}async function je(t){try{const e={profile_id:g.value.profile_id,pageurl:t},i=await xe(e);me.value=i.data.asinList,$e()}catch(e){console.log("error:",e)}}async function qe(t){const e=Y.value.storePageInfo.find(i=>i.storePageId===t);e?(pe.value=e.storePageUrl,Q.value=e.storePageName,A.value=!1,await je(pe.value)):console.error("Selected page not found in storePageData")}async function $e(){try{const t={profile_id:g.value.profile_id,asinlist:me.value},e=await ke(t);e&&e.data.length>0?(H.value=e.data[0],r.value[p.value].storePageLink=H.value.image_link,r.value[p.value].asin=H.value.asin,r.value[p.value].storePageName=Q.value,r.value[p.value].inputName=Q.value,p.value=null):console.error("No data")}catch(t){console.error("error:",t)}}let _e="",fe="";const Oe=we("respAdGroupId");let ve={};const W=n(!1);let ge="";function Re(t){w.value=[]}function Je(t){ie.value=t.url,$.value=!0}function Ke(t){Ye(t)}async function Ye(t){const e=new FormData;e.append("file",t.raw),e.append("profile_id",g.value.profile_id),e.append("brandEntityId",fe),e.append("assetType","IMAGE"),e.append("assetSubTypeList",JSON.stringify(["LOGO"])),W.value=!0;try{const k=(await rt(e)).data.file_name,C={profile_id:g.value.profile_id,file_name:k},_=await ut(C);ge=_.data.assetId;const{width:X,height:ee}=_.data.fileMetadata;ve={width:X,height:ee,top:0,left:0},_.data.checkresult=="success"?M({message:"上传成功",type:"success"}):M.error("上传失败")}catch(i){console.error("上传失败:",i)}finally{W.value=!1}}async function Ze(){q.value=!0;try{const t={profile_id:g.value.profile_id,url:"https://www.amazon.com/stores/page/1D1DD2FD-CF54-4FE5-B1A0-9E01F12F8144",name:y.name,state:"PAUSED",adGroupId:Oe.value,brandName:_e,brandLogoAssetID:ge,brandLogoCrop:ve,consentToTranslate:!1,subpageslist:L,headline:y.title};(await ct(t)).data.creative_state=="success"?M({message:"创建成功",type:"success"}):M.error("上传失败")}catch(t){console.error("error:",t)}finally{q.value=!1}}ft(r,()=>{L=r.value.map(t=>({asin:t.asin,pageTitle:t.inputName,url:t.storePageUrl})),console.log("subpageslist",L)},{deep:!0}),Ce(()=>{be.on("spotlight-shop",t=>{_e=t.brandRegistryName,fe=t.brandEntityId})}),vt(()=>{be.off("spotlight-shop")}),we("focusShop");const He=n([]),E=n(!1),x=n(),Qe=n([]);return Ve(()=>He.value.flat()),Ve(()=>Qe.value.flat()),Ce(async()=>{await ze()}),(t,e)=>{const i=d("el-input"),k=d("el-form-item"),C=d("el-icon"),_=d("el-button"),X=d("Link"),ee=d("el-link"),We=d("el-upload"),z=d("el-dialog"),te=d("el-collapse-item"),le=d("el-image"),ae=d("el-card"),oe=d("el-tooltip"),ye=d("el-radio"),he=d("el-radio-group"),Xe=d("el-collapse"),et=d("el-scrollbar"),tt=d("el-form"),N=gt("loading");return u(),f("div",Ct,[o(ae,{"body-style":"padding: 20px 80px 0 80px;"},{default:s(()=>[Vt,o(tt,{ref_key:"ruleFormRef",ref:se,model:y,rules:Pe,"label-width":"120px",class:"demo-ruleForm",size:"default","label-position":"top","status-icon":""},{default:s(()=>[o(k,{label:"广告名称",prop:"name"},{default:s(()=>[o(i,{modelValue:y.name,"onUpdate:modelValue":e[0]||(e[0]=l=>y.name=l),style:{width:"50%"}},null,8,["modelValue"])]),_:1}),I((u(),f("div",Nt,[a("div",Pt,[o(et,{height:"700px"},{default:s(()=>[o(Xe,{modelValue:ne.value,"onUpdate:modelValue":e[9]||(e[9]=l=>ne.value=l),onChange:Ue,style:{"border-top":"none","border-bottom":"none"}},{default:s(()=>[o(te,{name:"1",style:{"padding-right":"10px"}},{title:s(()=>[It,c("品牌名称和徽标")]),default:s(()=>[o(k,{prop:"brandName"},{default:s(()=>[o(i,{modelValue:y.brandName,"onUpdate:modelValue":e[1]||(e[1]=l=>y.brandName=l),placeholder:"请输入品牌名称",style:{padding:"0 0 5px 0"}},null,8,["modelValue"])]),_:1}),I((u(),B(We,{"file-list":w.value,"onUpdate:fileList":e[2]||(e[2]=l=>w.value=l),"on-change":Ke,action:"#",accept:".png, .jpg",limit:1,"list-type":"picture-card","auto-upload":!1},{file:s(({file:l})=>[a("div",null,[a("img",{class:"el-upload-list__item-thumbnail",src:l.url,alt:""},null,8,Ut),a("span",St,[a("span",{class:"el-upload-list__item-preview",onClick:m=>Je(l)},[o(C,null,{default:s(()=>[o(U(lt))]),_:1})],8,Dt),Se.value?yt("",!0):(u(),f("span",{key:0,class:"el-upload-list__item-delete",onClick:m=>Re(l)},[o(C,null,{default:s(()=>[o(U(at))]),_:1})],8,Lt))])])]),tip:s(()=>[a("div",Ft,[a("div",At,[Et,o(_,{type:"primary",icon:U(ot),onClick:Ee,disabled:"true"},{default:s(()=>[c("从素材库中选择")]),_:1},8,["icon"])]),zt,Mt,Tt,a("div",Bt,[c(" 4、内容: 徽标必须填满图片或置于白色或透明背景上详细了解我们的徽标要求 "),a("span",Gt,[o(C,{size:"14",style:{position:"absolute",left:"-14px",top:"1px"}},{default:s(()=>[o(X)]),_:1}),o(ee,{type:"primary",underline:!1,href:"https://advertising.amazon.com/resources/ad-policy/sponsored-ads-policies#brandlogo",target:"_blank"},{default:s(()=>[c("查看要求")]),_:1})])])])]),default:s(()=>[o(C,null,{default:s(()=>[o(U(st))]),_:1})]),_:1},8,["file-list"])),[[N,W.value]]),o(z,{modelValue:$.value,"onUpdate:modelValue":e[3]||(e[3]=l=>$.value=l)},{default:s(()=>[a("img",{"w-full":"",src:ie.value,alt:"Preview Image"},null,8,jt)]),_:1},8,["modelValue"])]),_:1}),I((u(),B(te,{name:"commodity",style:{"padding-right":"10px"}},{title:s(()=>[c("编辑品牌旗舰店页面")]),default:s(()=>[(u(!0),f(G,null,j(r.value,(l,m)=>(u(),f("div",{key:m,style:{"margin-bottom":"10px",width:"85%"}},[o(ae,{shadow:"hover","body-style":"padding: 10px;"},{default:s(()=>[a("div",qt,[o(le,{class:"img-box",src:l.storePageLink},null,8,["src"]),a("div",$t,[a("span",null,[Ot,c(h(l.storePageName),1)]),a("div",Rt,[Jt,c(h(l.asin),1)]),o(i,{modelValue:l.inputName,"onUpdate:modelValue":P=>l.inputName=P,style:{width:"300px"},placeholder:"修改品牌页面名称"},null,8,["modelValue","onUpdate:modelValue"])]),a("div",Kt,[o(_,{link:"",type:"primary",onClick:P=>Me(l.storePageUrl,m),style:{"margin-bottom":"10px"}},{default:s(()=>[c("更换图片")]),_:2},1032,["onClick"]),o(_,{link:"",type:"primary",onClick:P=>Ge(l.storePageUrl,m)},{default:s(()=>[c("更换页面")]),_:2},1032,["onClick"])])])]),_:2},1024)]))),128))]),_:1})),[[N,R.value]]),o(z,{modelValue:E.value,"onUpdate:modelValue":e[5]||(e[5]=l=>E.value=l),title:"更换图片",width:"50%"},{default:s(()=>[I((u(),B(he,{modelValue:x.value,"onUpdate:modelValue":e[4]||(e[4]=l=>x.value=l),style:{display:"flex","flex-direction":"column","align-content":"flex-start","align-items":"flex-start"}},{default:s(()=>[(u(!0),f(G,null,j(K.value,(l,m)=>(u(),f("div",{key:m},[o(ye,{label:l.asin,style:{height:"80px","border-bottom":"1px solid #ccc"}},{default:s(()=>[a("div",Yt,[a("div",Zt,[o(le,{class:"img-box",src:l.image_link},null,8,["src"])]),a("div",Ht,[o(oe,{class:"box-item",effect:"dark",content:l.title,placement:"top"},{default:s(()=>[a("div",Qt,h(l.title),1)]),_:2},1032,["content"]),a("span",null,[Wt,a("span",Xt,h(l.asin),1)])])])]),_:2},1032,["label"])]))),128))]),_:1},8,["modelValue"])),[[N,J.value]]),a("div",el,[o(_,{type:"primary",disabled:!x.value,onClick:Be},{default:s(()=>[c("确定")]),_:1},8,["disabled"])])]),_:1},8,["modelValue"]),o(z,{modelValue:A.value,"onUpdate:modelValue":e[7]||(e[7]=l=>A.value=l),title:"更换页面",width:"50%"},{default:s(()=>[I((u(),B(he,{modelValue:x.value,"onUpdate:modelValue":e[6]||(e[6]=l=>x.value=l),onChange:qe,class:"radio-group-item"},{default:s(()=>[(u(!0),f(G,null,j(Y.value.storePageInfo,(l,m)=>(u(),f("div",{key:m,style:{width:"100%"}},[o(ye,{label:l.storePageId,class:"radio-item",disabled:r.value.some(P=>P.storePageName===l.storePageName)},{default:s(()=>[a("div",tl,[a("div",ll,[o(oe,{class:"box-item",effect:"dark",content:l.storePageName,placement:"top"},{default:s(()=>[a("div",al,h(l.storePageName),1)]),_:2},1032,["content"])])])]),_:2},1032,["label","disabled"])]))),128))]),_:1},8,["modelValue"])),[[N,Z.value]])]),_:1},8,["modelValue"]),o(te,{name:"4",style:{"padding-right":"10px"}},{title:s(()=>[ol,c("标题")]),default:s(()=>[o(k,{prop:"title"},{default:s(()=>[o(i,{modelValue:y.title,"onUpdate:modelValue":e[8]||(e[8]=l=>y.title=l),maxlength:"50",placeholder:"请输入标题","show-word-limit":"",style:{padding:"0 10px 0 0"}},null,8,["modelValue"])]),_:1})]),_:1})]),_:1},8,["modelValue"])]),_:1})]),a("div",sl,[o(_,{type:"primary",plain:"",onClick:e[10]||(e[10]=l=>Ie(se.value)),disabled:!w.value.length,style:{position:"absolute",top:"92%",left:"46%"}},{default:s(()=>[c("保存")]),_:1},8,["disabled"])])])),[[N,q.value]])]),_:1},8,["model","rules"])]),_:1}),o(z,{modelValue:V.value,"onUpdate:modelValue":e[13]||(e[13]=l=>V.value=l),title:"从素材库中选择",width:"65%"},{footer:s(()=>[a("span",ml,[o(_,{onClick:e[12]||(e[12]=l=>V.value=!1)},{default:s(()=>[c("取消")]),_:1}),o(_,{type:"primary",onClick:Le},{default:s(()=>[c("确定")]),_:1})])]),default:s(()=>[o(i,{"prefix-icon":U(nt)},null,8,["prefix-icon"]),a("div",nl,[(u(!0),f(G,null,j(D,l=>(u(),f("div",{class:ht(["grid-item",{selected:ue(l.id),hover:O.value===l.id}]),key:l.id,onClick:m=>De(l),onMouseover:m=>O.value=l.id,onMouseleave:e[11]||(e[11]=m=>O.value=null)},[o(ae,{"body-style":{padding:"0px"}},{default:s(()=>[o(le,{class:"image",src:l.imageUrl,fit:"cover"},null,8,["src"]),a("div",dl,[a("span",null,[o(oe,{placement:"top",content:l.title},{default:s(()=>[c(h(l.title),1)]),_:2},1032,["content"])]),a("div",rl,[a("div",ul,h(l.size)+"KB",1),a("div",cl,h(l.width)+" * "+h(l.height),1),pl])])]),_:2},1024)],42,il))),128))])]),_:1},8,["modelValue"])])}}});const kl=wt(_l,[["__scopeId","data-v-ad4d1b6f"]]);export{kl as default};
    2.