| 1 |
- import{u as H,i as K,l as he}from"./index.293fd98c.js";import{q as Q,p as ye,E as g}from"./elementPlus.ff7602ba.js";import{e as $}from"./emitter.474b4895.js";import{d as be,al as xe,q as N,r as p,Q as W,w as X,j as we,P as Ie,a9 as n,af as Fe,o as _,c as b,M as s,G as o,H as G,u as k,a as t,K as c,E as U,F as Ne,a0 as ke,L as Y,aq as De,ar as Ce}from"./vue.65d9dadc.js";import{u as Le}from"./index.5ce19447.js";import{_ as Se}from"./_plugin-vue_export-helper.c27b6911.js";import"./echarts.72dc8373.js";const i=x=>(De("data-v-9e379b8c"),x=x(),Ce(),x),Ve={class:"customize-container"},Ae=i(()=>t("div",{style:{"font-weight":"700","padding-bottom":"18px"}},[t("span",{style:{color:"#306cd7","font-size":"26px"}},"|"),t("span",{style:{"font-size":"18px","padding-left":"5px"}},"创意")],-1)),Ee={style:{display:"flex",border:"1px solid #dddfe6",padding:"0 0 0 5px","margin-bottom":"20px"}},Ge={style:{width:"50%","padding-left":"5px","border-right":"1px solid #dddfe6"}},Ue=i(()=>t("span",{style:{color:"#e47470","margin-right":"4px"}},"*",-1)),Pe=i(()=>t("div",{class:"el-upload__text"},[c("Drop file here or "),t("em",null,"click to upload")],-1)),Te={style:{"margin-top":"10px"}},je={style:{display:"flex","align-items":"center","justify-content":"space-between"}},Be=i(()=>t("span",{style:{"line-height":"17px","font-weight":"600",color:"#1e2128"}},"徽标规格",-1)),Me=i(()=>t("div",{class:"introduce-item"},"1、图片大小: 400x400 像素或更大",-1)),ze=i(()=>t("div",{class:"introduce-item"},"2、文件大小: 1MB 或更小",-1)),qe=i(()=>t("div",{class:"introduce-item"},"3、文件格式: PNG 或 JPG",-1)),Oe={class:"introduce-item"},Je={style:{"margin-left":"25px",position:"relative"}},Re=["src"],He={style:{"margin-top":"10px"}},Ke={style:{display:"flex","align-items":"center","justify-content":"space-between"}},Qe=i(()=>t("span",{style:{"line-height":"17px","font-weight":"600",color:"#1e2128"}},"图片规格",-1)),$e=i(()=>t("div",{class:"introduce-item"},"1、图片大小: 1200 x 628 像素或更大",-1)),We=i(()=>t("div",{class:"introduce-item"},"2、文件大小: 5MB 或更小",-1)),Xe=i(()=>t("div",{class:"introduce-item"},"3、文件格式: PNG 或 JPG",-1)),Ye=i(()=>t("div",{class:"introduce-item"},"4、内容: 图片中未添加文本、图形或徽标",-1)),Ze=i(()=>t("span",{style:{color:"#e47470","margin-right":"4px"}},"*",-1)),et={style:{padding:"10px",display:"flex","align-items":"center"}},tt={style:{"margin-right":"8px","line-height":"normal"}},ot={style:{position:"relative"}},at={class:"single-line"},st=i(()=>t("span",{style:{color:"#6d7784"}},"ASIN: ",-1)),lt={class:"data-color",style:{"margin-right":"8px"}},nt=i(()=>t("span",{style:{color:"#e47470","margin-right":"4px"}},"*",-1)),it={style:{width:"50%",padding:"0 10px",position:"relative"}},dt=be({__name:"ProductSetCreativity2",setup(x){const Z=Le(),{profile:v}=xe(Z),ee=N("respAdGroupId"),te=N("setBrandName"),oe=N("addedTableDataForVc2"),P=p(),u=W({name:"",brandName:"",title:""}),ae=W({name:[{required:!0,message:"请输入广告名称",trigger:"blur"}],brandName:[{required:!0,message:"请输入品牌名称",trigger:"blur"}],title:[{required:!0,message:"请输入标题",trigger:"blur"}]}),se=async a=>{a&&await a.validate((e,d)=>{e?(console.log("submit!"),ce()):console.log("error submit!",d)})},T=p(["1"]),le=a=>{console.log(a)},w=p([]),j=p([]),B=(a,e)=>{w.value=[]},D=p(!1);let M="",C={},L=p(!1);const z=N("brandEntityId");function ne(a){ie(a)}async function ie(a){const e=new FormData;e.append("file",a.raw),e.append("profile_id",v.value.profile_id),e.append("brandEntityId",z.value),e.append("assetType","IMAGE"),e.append("assetSubTypeList",JSON.stringify(["LOGO"])),D.value=!0;try{const m=(await H(e)).data.file_name,h={profile_id:v.value.profile_id,file_name:m},r=await K(h);M=r.data.assetId;const{width:f,height:y}=r.data.fileMetadata;C={width:f,height:y,top:0,left:0},r.data.checkresult=="success"?g({message:"上传成功",type:"success"}):g.error("上传失败")}catch(d){console.error("上传失败:",d)}finally{D.value=!1}}const S=p(!1),V=p("");let q="",de={};function re(a){pe(a)}async function pe(a){const e=new FormData;e.append("file",a.raw),e.append("profile_id",v.value.profile_id),e.append("brandEntityId",z.value),e.append("assetType","IMAGE"),e.append("assetSubTypeList",JSON.stringify(["LOGO"])),S.value=!0;try{const m=(await H(e)).data.file_name,h={profile_id:v.value.profile_id,file_name:m},r=await K(h);q=r.data.assetId;const{width:f,height:y}=r.data.fileMetadata;C={width:f,height:y,top:0,left:0},r.data.checkresult=="success"?g({message:"上传成功",type:"success"}):g.error("上传失败")}catch(d){console.error("上传失败:",d)}finally{S.value=!1}}async function ce(){L.value=!0;try{const a={profile_id:v.value.profile_id,casins:V.value,lasins:V.value,url:"https://www.amazon.com/stores/page/1D1DD2FD-CF54-4FE5-B1A0-9E01F12F8144",name:u.name,state:"PAUSED",adGroupId:ee.value,brandName:te.value,brandLogoCrop:C,brandLogoAssetID:M,customImageCrop:de,customImageAssetId:q,headline:u.title};(await he(a)).data.creative_state=="success"?g({message:"创建成功",type:"success"}):g.error("上传失败")}catch(a){console.error("error:",a)}finally{L.value=!1}}let I=p([]);X(oe,a=>{I.value=[],Array.isArray(a)&&a.length>0&&a.forEach(e=>{e.asin&&!I.value.includes(e.asin)&&I.value.push(e.asin)}),console.log("Updated ASINs:",I.value)},{deep:!0});const A=p([]);X(A,a=>{V.value=a.map(e=>e.asin)},{deep:!0}),we(()=>{$.on("addedTableData",a=>{A.value=a})}),Ie(()=>{$.off("addedTableData")});const O=p("");return(a,e)=>{const d=n("el-input"),m=n("el-form-item"),h=n("upload-filled"),r=n("el-icon"),f=n("el-button"),y=n("Link"),ue=n("el-link"),J=n("el-upload"),F=n("el-collapse-item"),_e=n("el-image"),me=n("el-tooltip"),R=n("el-card"),fe=n("el-collapse"),ge=n("el-scrollbar"),ve=n("el-form"),E=Fe("loading");return _(),b("div",Ve,[s(R,{"body-style":"padding: 20px 80px 0 80px;"},{default:o(()=>[Ae,s(ve,{ref_key:"ruleFormRef",ref:P,model:u,rules:ae,"label-width":"120px",class:"demo-ruleForm",size:"default","label-position":"top","status-icon":""},{default:o(()=>[s(m,{label:"广告名称",prop:"name"},{default:o(()=>[s(d,{modelValue:u.name,"onUpdate:modelValue":e[0]||(e[0]=l=>u.name=l),style:{width:"50%"}},null,8,["modelValue"])]),_:1}),G((_(),b("div",Ee,[t("div",Ge,[s(ge,{height:"700px"},{default:o(()=>[s(fe,{modelValue:T.value,"onUpdate:modelValue":e[5]||(e[5]=l=>T.value=l),onChange:le,style:{"border-top":"none","border-bottom":"none","padding-right":"10px"}},{default:o(()=>[s(F,{name:"1"},{title:o(()=>[Ue,c("品牌名称和徽标")]),default:o(()=>[s(m,{prop:"brandName"},{default:o(()=>[s(d,{modelValue:u.brandName,"onUpdate:modelValue":e[1]||(e[1]=l=>u.brandName=l),placeholder:"请输入品牌名称",style:{padding:"0 10px 5px 0"}},null,8,["modelValue"])]),_:1}),G((_(),U(J,{drag:"","file-list":w.value,"onUpdate:fileList":e[2]||(e[2]=l=>w.value=l),"on-change":ne,action:"#",accept:".png, .jpg","auto-upload":!1,"on-remove":B,style:{"padding-right":"10px"}},{tip:o(()=>[t("div",Te,[t("div",je,[Be,s(f,{type:"primary",icon:k(Q)},{default:o(()=>[c("从素材库中选择")]),_:1},8,["icon"])]),Me,ze,qe,t("div",Oe,[c(" 4、内容: 徽标必须填满图片或置于白色或透明背景上详细了解我们的徽标要求 "),t("span",Je,[s(r,{size:"14",style:{position:"absolute",left:"-14px",top:"1px"}},{default:o(()=>[s(y)]),_:1}),s(ue,{type:"primary",underline:!1,href:"https://advertising.amazon.com/resources/ad-policy/sponsored-ads-policies#brandlogo",target:"_blank"},{default:o(()=>[c("查看要求")]),_:1})])])])]),default:o(()=>[s(r,{class:"el-icon--upload"},{default:o(()=>[s(h)]),_:1}),Pe]),_:1},8,["file-list"])),[[E,D.value]])]),_:1}),s(F,{name:"2"},{title:o(()=>[c("自定义图片(可选)")]),default:o(()=>[G((_(),U(J,{class:"avatar-uploader","file-list":j.value,"onUpdate:fileList":e[3]||(e[3]=l=>j.value=l),"on-change":re,action:"#",accept:".png, .jpg","auto-upload":!1,"on-remove":B,style:{"padding-right":"10px"}},{tip:o(()=>[t("div",He,[t("div",Ke,[Qe,s(f,{type:"primary",icon:k(Q)},{default:o(()=>[c("从素材库中选择")]),_:1},8,["icon"])]),$e,We,Xe,Ye])]),default:o(()=>[O.value?(_(),b("img",{key:0,src:O.value,class:"avatar"},null,8,Re)):(_(),U(r,{key:1,class:"avatar-uploader-icon"},{default:o(()=>[s(k(ye))]),_:1}))]),_:1},8,["file-list"])),[[E,S.value]])]),_:1}),s(F,{name:"3"},{title:o(()=>[Ze,c("商品")]),default:o(()=>[(_(!0),b(Ne,null,ke(A.value,l=>(_(),b("div",{key:l.asin,style:{"padding-bottom":"5px"}},[s(R,{shadow:"hover","body-style":"padding: 10px"},{default:o(()=>[t("div",et,[t("div",tt,[s(_e,{class:"img-box",src:l.image_link},null,8,["src"])]),t("div",ot,[s(me,{class:"box-item",effect:"dark",content:l.title,placement:"top"},{default:o(()=>[t("div",at,Y(l.title),1)]),_:2},1032,["content"]),t("span",null,[st,t("span",lt,Y(l.asin),1)])])])]),_:2},1024)]))),128))]),_:1}),s(F,{name:"4"},{title:o(()=>[nt,c("标题")]),default:o(()=>[s(m,{prop:"title"},{default:o(()=>[s(d,{modelValue:u.title,"onUpdate:modelValue":e[4]||(e[4]=l=>u.title=l),maxlength:"50",placeholder:"请输入标题","show-word-limit":"",style:{padding:"0 10px 0 0"}},null,8,["modelValue"])]),_:1})]),_:1})]),_:1},8,["modelValue"])]),_:1})]),t("div",it,[s(f,{type:"primary",plain:"",onClick:e[6]||(e[6]=l=>se(P.value)),disabled:!w.value.length,style:{position:"absolute",top:"92%",left:"46%"}},{default:o(()=>[c(" 保存 ")]),_:1},8,["disabled"])])])),[[E,k(L)]])]),_:1},8,["model","rules"])]),_:1})])}}});const gt=Se(dt,[["__scopeId","data-v-9e379b8c"]]);export{gt as default};
|
