| 1 |
- import{z as X,g as Z,p as ee,w as Ie,E as m}from"./elementPlus.ff7602ba.js";import{d as Ve,q as Ce,al as Le,r as n,j as ke,p as Ee,a9 as d,af as Ue,o as g,c as V,M as l,G as i,H as z,a as t,E as te,u as _,J as oe,K as le,aq as De,ar as Ge}from"./vue.65d9dadc.js";import{u as se,d as ae,e as Ae}from"./index.3495f5ca.js";import{u as Se}from"./index.5ce19447.js";import{e as p}from"./emitter.474b4895.js";import Te from"./CropperLogo.08d979ea.js";import je from"./CropperImg.f9160c17.js";import Ne from"./CropperImg-628.2925cd36.js";import{_ as Pe}from"./_plugin-vue_export-helper.c27b6911.js";import"./echarts.72dc8373.js";import"./vue-cropper.es.389d4055.js";import"./lodash.c0b80772.js";const c=b=>(De("data-v-22711c91"),b=b(),Ge(),b),ze={class:"customize-container"},Fe=c(()=>t("div",{class:"custom-card-title"},[t("span",{class:"custom-card-icon"},"|"),t("span",{class:"custom-card-Text"},"创意")],-1)),Me={class:"main-container"},Oe={class:"left-container"},Be=c(()=>t("div",{style:{display:"flex","justify-content":"space-between"}},[t("p",{class:"left-part-title"},"请选择您想要自定义商品广告的方式")],-1)),Re={class:"demo-collapse"},Je={style:{display:"flex","margin-bottom":"5px"}},$e=c(()=>t("p",{style:{"font-weight":"700",color:"#1d2129","margin-right":"8px"}},"品牌标识",-1)),qe=["src"],He={class:"el-upload-list__item-actions"},Ke=["onClick"],Ye={style:{"margin-top":"10px"}},Qe=c(()=>t("div",{style:{display:"flex","align-items":"center","justify-content":"space-between"}},[t("span",{style:{"line-height":"17px","font-weight":"600",color:"#1e2128"}},"徽标要求")],-1)),We=c(()=>t("div",{class:"introduce-item"},"1、图片大小: 至少600x100 像素",-1)),Xe=c(()=>t("div",{class:"introduce-item"},"2、文件大小: 小于1MB",-1)),Ze={style:{display:"flex","justify-content":"space-between"}},et=c(()=>t("span",{class:"introduce-item"},"3、文件格式: PNG 或 JPG",-1)),tt={style:{"margin-left":"25px",position:"relative"}},ot=["src"],lt={style:{display:"flex"}},st={style:{display:"flex","align-items":"center","flex-direction":"row-reverse"}},at={style:{display:"flex","margin-bottom":"5px"}},it=c(()=>t("p",{style:{"font-weight":"700",color:"#1d2129","margin-right":"8px"}},"添加图片",-1)),nt=["src"],rt={class:"el-upload-list__item-actions"},dt=["onClick"],ct=c(()=>t("div",{style:{"margin-top":"10px"}},[t("div",{style:{display:"flex","align-items":"center","justify-content":"space-between"}},[t("span",{style:{"line-height":"17px","font-weight":"600",color:"#1e2128"}},"徽标要求")]),t("div",{class:"introduce-item"},"1、图片大小: 至少1200x628 像素"),t("div",{class:"introduce-item"},"2、文件大小: 小于5MB"),t("div",{class:"introduce-item"},"3、文件格式: PNG, JPEG 或GIF"),t("div",{class:"introduce-item"},"4、没有在图片上添加文字, 图形或徽标")],-1)),pt=["src"],ut=c(()=>t("div",{style:{display:"flex","margin-bottom":"5px"}},[t("p",{style:{"font-weight":"700",color:"#1d2129","margin-right":"8px"}},"628x628")],-1)),mt={class:"right-container"},_t={class:"preview-title-line"},ft=c(()=>t("p",{class:"right-part-title"},"广告预览",-1)),gt=Ve({__name:"Creativity",setup(b){const ie=Ce("respAdGroupId"),ne=Se(),{profile:v}=Le(ne),F=n([""]),h=n([]),C=n(!1),M=n(!1),L=n(!1),O=n("");n(!1);const re=n("");let y={left:0,top:0,width:0,height:0};p.on("send-logo-leftTop",o=>{y.left=o.left,y.top=o.top,y.width=o.width,y.height=o.height});function de(o){p.emit("logo-src",o.url),re.value=o.url;const e=new FileReader;e.readAsDataURL(o.raw),e.onload=r=>{const a=new Image;a.src=r.target.result,a.onload=()=>{p.emit("logo-data",a),a.width>=600&&a.height>=100?pe(o):(h.value=[],m.error("不符合尺寸要求"))}}}function B(){h.value=[]}function ce(o){O.value=o.url,L.value=!0}const k=n("");let R="",J="";const E=n(!1);async function pe(o){const e=new FormData;e.append("file",o.raw),e.append("profile_id",v.value.profile_id),e.append("brandEntityId",k.value),e.append("assetType","IMAGE"),e.append("assetSubTypeList",JSON.stringify(["LOGO"])),C.value=!0;try{const r=await se(e);J=r.data.third.versionId;const a=r.data.file_name,f={profile_id:v.value.profile_id,file_name:a},u=await ae(f);R=u.data.assetId,u.data.checkresult=="success"?m({message:"上传成功",type:"success"}):(h.value=[],m.error("上传失败"))}catch(r){console.error("上传失败:",r)}finally{C.value=!1}}const U=n(""),D=n(!1),I=n([]),G=n(!1),A=n(!1),S=n(!1),$=n("");let q="",H="",w={left:0,top:0,width:0,height:0},x={left:0,top:0,width:0,height:0};p.on("send-img-leftTop",o=>{w.left=o.left,w.top=o.top,w.width=o.width,w.height=o.height}),p.on("send-img628-leftTop",o=>{x.left=o.left,x.top=o.top,x.width=o.width,x.height=o.height});function ue(o){p.emit("img-src",o.url);const e=new FileReader;e.readAsDataURL(o.raw),e.onload=r=>{const a=new Image;a.src=r.target.result,a.onload=()=>{p.emit("img-data",a),a.width>=1200&&a.height>=628?_e(o):(I.value=[],m.error("不符合尺寸要求"))}}}function K(){I.value=[]}function me(o){$.value=o.url,S.value=!0}async function _e(o){const e=new FormData;e.append("file",o.raw),e.append("profile_id",v.value.profile_id),e.append("brandEntityId",k.value),e.append("assetType","IMAGE"),e.append("assetSubTypeList",JSON.stringify(["LIFESTYLE_IMAGE","OTHER_IMAGE"])),G.value=!0;try{const r=await se(e);q=r.data.third.versionId;const a=r.data.file_name,f={profile_id:v.value.profile_id,file_name:a},u=await ae(f);H=u.data.assetId,u.data.checkresult=="success"?m({message:"上传成功",type:"success"}):m.error("上传失败")}catch(r){console.error("上传失败:",r)}finally{G.value=!1}}const T=n(!1);async function fe(){T.value=!0;const o={profile_id:v.value.profile_id,adGroupId:ie.value,properties_logo:E.value,properties_head:D.value,properties_custom:A.value,headline:U.value,brandLogo_assetId:R,brandLogo_assetVersion:J,brandLogo_croppingCoordinates:y,custom_assetId:H,custom_assetVersion:q,rectCustomImage_croppingCoordinates:w,squareCustomImage_croppingCoordinates:x};try{(await Ae(o)).data.result[0].code=="SUCCESS"?m({message:"创建成功",type:"success"}):m.error("上传失败")}catch(e){console.error("error:",e)}finally{T.value=!1}}const Y=n("");return ke(()=>{p.on("send-brandEntityId",o=>{k.value=o.brandEntityId[0].brandEntityId})}),Ee(()=>{p.all.clear()}),(o,e)=>{const r=d("el-switch"),a=d("el-icon"),f=d("Link"),u=d("el-link"),Q=d("el-upload"),W=d("el-dialog"),j=d("el-collapse-item"),ge=d("el-input"),ve=d("el-divider"),he=d("el-collapse"),ye=d("el-scrollbar"),we=d("el-select"),xe=d("el-button"),be=d("el-card"),N=Ue("loading");return g(),V("div",ze,[l(be,{"body-style":"padding: 20px 80px 0 80px;"},{default:i(()=>[Fe,z((g(),V("div",Me,[t("div",Oe,[Be,l(ye,{height:"755px"},{default:i(()=>[t("div",Re,[l(he,{modelValue:F.value,"onUpdate:modelValue":e[10]||(e[10]=s=>F.value=s),style:{border:"none"}},{default:i(()=>[z((g(),te(j,{title:"徽标",name:"logo"},{default:i(()=>[t("div",Je,[$e,l(r,{modelValue:E.value,"onUpdate:modelValue":e[0]||(e[0]=s=>E.value=s),size:"small"},null,8,["modelValue"])]),l(Q,{"file-list":h.value,"onUpdate:fileList":e[2]||(e[2]=s=>h.value=s),"on-change":de,"on-remove":B,action:"#",accept:".png, .jpg",limit:1,"list-type":"picture-card","auto-upload":!1},{file:i(({file:s})=>[t("div",null,[t("img",{class:"el-upload-list__item-thumbnail",src:s.url,alt:""},null,8,qe),t("span",He,[t("span",{class:"el-upload-list__item-preview",onClick:P=>ce(s)},[l(a,null,{default:i(()=>[l(_(X))]),_:1})],8,Ke),M.value?oe("",!0):(g(),V("span",{key:0,class:"el-upload-list__item-delete",onClick:e[1]||(e[1]=P=>B())},[l(a,null,{default:i(()=>[l(_(Z))]),_:1})]))])])]),tip:i(()=>[t("div",Ye,[Qe,We,Xe,t("div",Ze,[et,t("span",tt,[l(a,{size:"14",style:{position:"absolute",left:"-15px",top:"6px"}},{default:i(()=>[l(f)]),_:1}),l(u,{type:"primary",underline:!1,href:"https://advertising.amazon.com/resources/ad-policy/sponsored-ads-policies#brandlogo",target:"_blank"},{default:i(()=>[le("查看要求 ")]),_:1})])])])]),default:i(()=>[l(a,null,{default:i(()=>[l(_(ee))]),_:1})]),_:1},8,["file-list"]),l(W,{modelValue:L.value,"onUpdate:modelValue":e[3]||(e[3]=s=>L.value=s)},{default:i(()=>[t("img",{"w-full":"",src:O.value,alt:"Preview Image"},null,8,ot)]),_:1},8,["modelValue"]),l(Te)]),_:1})),[[N,C.value]]),l(j,{title:"标题",name:"title"},{default:i(()=>[t("div",lt,[l(r,{modelValue:D.value,"onUpdate:modelValue":e[4]||(e[4]=s=>D.value=s),style:{"margin-right":"10px"}},null,8,["modelValue"]),l(ge,{modelValue:U.value,"onUpdate:modelValue":e[5]||(e[5]=s=>U.value=s),maxlength:"50","show-word-limit":"",placeholder:"Please input",type:"text"},null,8,["modelValue"])]),t("div",st,[l(u,{type:"primary",href:"https://advertising.amazon.com/resources/ad-policy/creative-acceptance#editorialguidelines",target:"_blank",underline:!1},{default:i(()=>[le(" 查看政策 ")]),_:1}),l(a,{size:"14",style:{"margin-right":"1px"}},{default:i(()=>[l(f)]),_:1})])]),_:1}),z((g(),te(j,{title:"图片",name:"image"},{default:i(()=>[t("div",null,[t("div",at,[it,l(r,{modelValue:A.value,"onUpdate:modelValue":e[6]||(e[6]=s=>A.value=s),size:"small"},null,8,["modelValue"])]),l(Q,{"file-list":I.value,"onUpdate:fileList":e[8]||(e[8]=s=>I.value=s),"on-change":ue,"on-remove":K,action:"#",accept:".png, .jpeg, .gif",limit:1,"list-type":"picture-card","auto-upload":!1,style:{"margin-bottom":"8px"}},{file:i(({file:s})=>[t("div",null,[t("img",{class:"el-upload-list__item-thumbnail",src:s.url,alt:""},null,8,nt),t("span",rt,[t("span",{class:"el-upload-list__item-preview",onClick:P=>me(s)},[l(a,null,{default:i(()=>[l(_(X))]),_:1})],8,dt),M.value?oe("",!0):(g(),V("span",{key:0,class:"el-upload-list__item-delete",onClick:e[7]||(e[7]=P=>K())},[l(a,null,{default:i(()=>[l(_(Z))]),_:1})]))])])]),tip:i(()=>[ct]),default:i(()=>[l(a,null,{default:i(()=>[l(_(ee))]),_:1})]),_:1},8,["file-list"]),l(W,{modelValue:S.value,"onUpdate:modelValue":e[9]||(e[9]=s=>S.value=s)},{default:i(()=>[t("img",{"w-full":"",src:$.value,alt:"Preview Image"},null,8,pt)]),_:1},8,["modelValue"]),l(je)]),l(ve,{"border-style":"dashed"}),ut,l(Ne)]),_:1})),[[N,G.value]])]),_:1},8,["modelValue"])])]),_:1})]),t("div",mt,[t("div",_t,[ft,l(we,{modelValue:Y.value,"onUpdate:modelValue":e[11]||(e[11]=s=>Y.value=s)},null,8,["modelValue"])]),l(xe,{style:{position:"absolute",bottom:"5px",right:"50%"},type:"primary",icon:_(Ie),circle:"",onClick:fe},null,8,["icon"])])])),[[N,T.value]])]),_:1})])}}});const Ut=Pe(gt,[["__scopeId","data-v-22711c91"]]);export{Ut as default};
|
