| 1 |
- import{d as he,ay as ve,r as d,B as L,w as P,j as fe,ai as r,aq as ge,P as j,o as C,c as M,a,U as l,O as s,M as ye,T as u,S as c,u as w,F as be,a8 as we,aF as xe,aG as ke}from"./vue.adf17aba.js";import{u as Se,r as Ce}from"./index.b098562c.js";import{_ as Ie}from"./_plugin-vue_export-helper.c27b6911.js";import"./elementPlus.4833989a.js";import"./echarts.72dc8373.js";const I=y=>(xe("data-v-0ba02e57"),y=y(),ke(),y),Ve={prop:"commodity",style:{width:"100%"}},Ae={style:{width:"100%",height:"620px",display:"flex",border:"1px solid #e5e7ec","border-radius":"6px"}},Ne={style:{width:"50%","border-right":"1px solid #e5e7ec"}},ze={style:{"margin-bottom":"10px"}},Ge={style:{display:"flex","align-items":"center"}},Te={style:{"margin-right":"8px","line-height":"normal"}},De={class:"single-line"},Ue={class:"data-color"},Ee={style:{"font-weight":"500",color:"rgb(30, 33, 41)"}},$e=I(()=>a("span",{style:{margin:"0 5px",color:"#cacdd4"}},"|",-1)),Be={style:{color:"#6d7784"}},qe={class:"data-color",style:{"margin-right":"8px"}},Fe={class:"data-color"},Ke={style:{display:"flex","flex-direction":"row-reverse","margin-top":"10px"}},Le={style:{width:"50%"}},Pe={class:"card-header"},je={style:{"font-weight":"550","font-size":"15px",color:"#1f2128"}},Me=I(()=>a("div",{class:"card-body"},null,-1)),Oe={style:{padding:"0 10px 0 10px","margin-top":"-12px"}},Re={style:{display:"flex","align-items":"center"}},He={style:{"margin-right":"8px","line-height":"normal"}},Je={class:"single-line"},Qe={class:"data-color"},We={style:{"font-weight":"500",color:"rgb(30, 33, 41)"}},Xe=I(()=>a("span",{style:{margin:"0 5px",color:"#cacdd4"}},"|",-1)),Ye={style:{color:"#6d7784"}},Ze={class:"data-color",style:{"margin-right":"8px"}},et={class:"data-color"},tt=he({__name:"VideoCommodity",emits:["update-added-data"],setup(y,{emit:O}){const R=Se(),{profile:H}=ve(R),x=d(""),J=d(!1);let V=d([]);const g=d(),k=d(20),A=d(),N=d([]),p=d(!1);let i=d([]),z=[],S=[];const b=d(""),m=d("name");let G=d(!0);const Q=[{type:"primary",text:"添加"}],T=d("first"),D=d("latest");L("respCampaignId"),L("respAdGroupId");function _(t="",n=""){return Ce({url:"/api/sellers/listings/our/",method:"GET",params:{page:g.value,limit:k.value,profile_id:H.value.profile_id,asin:t,sku:n}}).then(o=>{N.value=o.data,A.value=o.total,g.value=o.page,p.value=!1}).catch(o=>{console.error("Error fetching data:",o),p.value=!1})}function W(t){i.value.some(o=>o.sku===t.row.sku)?console.log("Item is already added."):i.value.push(t.row)}function X(){x.value.split(/[\n,]+/).forEach(o=>{o.trim()&&_(o.trim()).then(h=>{console.log(`Data for ASIN ${o}:`,h)}).catch(h=>{console.error(`Error fetching data for ASIN ${o}:`,h)})})}function Y(t){const n=i.value.findIndex(o=>o.sku===t.row.sku);n!==-1?(i.value.splice(n,1),console.log("Item removed successfully.")):console.log("Item not found.")}function Z(){i.value=[]}function ee(){i.value=i.value.filter(t=>!S.includes(t)),S=[]}function te(t){const n=t;m.value==="asin"?(p.value=!0,_(n)):m.value==="sku"&&(p.value=!0,_("",n))}function le(t){console.log("e",t);const n=t;m.value==="asin"&&b.value?(p.value=!0,_(n)):m.value==="sku"&&b.value&&(p.value=!0,_("",n))}function ae(t){z=t}function oe(t){S=t}function ne(){const t=z.filter(n=>!i.value.some(o=>o.sku===n.sku));t.length>0&&i.value.push(...t)}function se(t,n){return n.some(o=>o.sku===t.sku&&o.asin===t.asin)}P(i,(t,n)=>{t.forEach(o=>{se(o,V.value)||V.value.push({sku:o.sku,asin:o.asin})}),i.value.length!==0?G.value=!1:G.value=!0},{deep:!0});function ie(t){g.value=t,p.value=!0,_()}function de(t){k.value=t,g.value=1}const U=t=>{if(t.rowIndex===0)return{backgroundColor:"rgba(245, 245, 245, 0.9)"}},re=O;return P(i,t=>{re("update-added-data",t)},{deep:!0}),fe(()=>{_()}),(t,n)=>{const o=r("el-option"),h=r("el-select"),E=r("el-input"),v=r("el-table-column"),$=r("el-image"),B=r("el-tooltip"),f=r("el-button"),q=r("el-table"),ue=r("el-pagination"),F=r("el-tab-pane"),ce=r("el-tabs"),pe=r("el-text"),_e=r("el-card"),K=ge("loading");return j((C(),M("div",Ve,[a("div",Ae,[a("div",Ne,[l(ce,{modelValue:T.value,"onUpdate:modelValue":n[4]||(n[4]=e=>T.value=e),class:"demo-tabs"},{default:s(()=>[l(F,{label:"搜索",name:"first"},{default:s(()=>[a("div",ze,[l(E,{modelValue:b.value,"onUpdate:modelValue":n[2]||(n[2]=e=>b.value=e),placeholder:"Please input",class:"input-with-select",onChange:te,clearable:""},{prepend:s(()=>[l(h,{modelValue:m.value,"onUpdate:modelValue":n[0]||(n[0]=e=>m.value=e),style:{width:"100px"},onChange:le},{default:s(()=>[l(o,{label:"名称",value:"name"}),l(o,{label:"ASIN",value:"asin"}),l(o,{label:"SKU",value:"sku"})]),_:1},8,["modelValue"])]),append:s(()=>[l(h,{modelValue:D.value,"onUpdate:modelValue":n[1]||(n[1]=e=>D.value=e),style:{width:"100px"}},{default:s(()=>[l(o,{label:"最新优先",value:"latest"}),l(o,{label:"最早优先",value:"earliest"}),l(o,{label:"优选广告",value:"optimal"})]),_:1},8,["modelValue"])]),_:1},8,["modelValue"])]),j((C(),ye(q,{height:"490",style:{width:"100%"},data:N.value,"header-cell-style":U,onSelectionChange:ae},{default:s(()=>[l(v,{type:"selection",width:"50"}),l(v,{prop:"asin",label:"商品"},{default:s(e=>[a("div",Ge,[a("div",Te,[l($,{class:"img-box",src:e.row.image_link},null,8,["src"])]),a("div",null,[l(B,{class:"box-item",effect:"dark",content:e.row.title,placement:"top"},{default:s(()=>[a("div",De,u(e.row.title?e.row.title:"--"),1)]),_:2},1032,["content"]),a("div",Ue,[a("span",Ee,"$"+u(e.row.price?e.row.price:"--"),1),$e,a("span",Be,u(e.row.quantity),1)]),a("span",null,[c(" ASIN: "),a("span",qe,u(e.row.asin?e.row.asin:"--"),1)]),a("span",null,[c(" SKU: "),a("span",Fe,u(e.row.sku?e.row.sku:"--"),1)])])])]),_:1}),l(v,{prop:"name",label:"Name",width:"120",align:"right"},{header:s(()=>[l(f,{type:"primary",size:"normal",link:"",disabled:w(i).length>=1,onClick:ne},{default:s(()=>[c("添加已选中")]),_:1},8,["disabled"])]),default:s(e=>[l(f,{type:"primary",size:"small",disabled:w(i).length>=1,onClick:me=>W(e),text:""},{default:s(()=>[c("添加")]),_:2},1032,["disabled","onClick"])]),_:1})]),_:1},8,["data"])),[[K,p.value]]),l(ue,{onCurrentChange:ie,onSizeChange:de,"current-page":g.value,"page-size":k.value,total:A.value,layout:"prev, pager, next"},null,8,["current-page","page-size","total"])]),_:1}),l(F,{label:"输入",name:"second"},{default:s(()=>[l(E,{style:{padding:"10px"},modelValue:x.value,"onUpdate:modelValue":n[3]||(n[3]=e=>x.value=e),rows:20,type:"textarea",placeholder:"请输入ASIN，多个ASIN使用逗号、空格或换行符分隔。(未完成)",maxlength:"11000"},null,8,["modelValue"]),a("div",Ke,[(C(),M(be,null,we(Q,e=>l(f,{key:e.text,type:e.type,link:"",onClick:X},{default:s(()=>[c(u(e.text),1)]),_:2},1032,["type"])),64))])]),_:1})]),_:1},8,["modelValue"])]),a("div",Le,[l(_e,{class:"box-card",shadow:"never",style:{border:"0"}},{header:s(()=>[a("div",Pe,[a("span",je,"已添加: "+u(w(i).length),1),l(pe,{type:"warning",truncated:""},{default:s(()=>[c("最多添加一个产品")]),_:1}),l(f,{class:"button",type:"danger",text:"",bg:"",onClick:Z},{default:s(()=>[c("全部删除")]),_:1})])]),default:s(()=>[Me]),_:1}),a("div",Oe,[l(q,{data:w(i),height:"475",style:{width:"100%"},"header-cell-style":U,onSelectionChange:oe},{default:s(()=>[l(v,{type:"selection",width:"50"}),l(v,{prop:"asin",label:"ASIN"},{default:s(e=>[a("div",Re,[a("div",He,[l($,{class:"img-box",src:e.row.image_link},null,8,["src"])]),a("div",null,[l(B,{class:"box-item",effect:"dark",content:e.row.title,placement:"top"},{default:s(()=>[a("div",Je,u(e.row.title?e.row.title:"--"),1)]),_:2},1032,["content"]),a("div",Qe,[a("span",We,"$"+u(e.row.price?e.row.price:"--"),1),Xe,a("span",Ye,u(e.row.quantity),1)]),a("span",null,[c("ASIN: "),a("span",Ze,u(e.row.asin?e.row.asin:"--"),1)]),a("span",null,[c("SKU: "),a("span",et,u(e.row.sku?e.row.sku:"--"),1)])])])]),_:1}),l(v,{prop:"name",label:"Name",width:"120",align:"right"},{header:s(()=>[l(f,{type:"danger",size:"normal",link:"",onClick:ee},{default:s(()=>[c("删除已选中")]),_:1})]),default:s(e=>[l(f,{type:"primary",size:"small",onClick:me=>Y(e),text:""},{default:s(()=>[c("删除")]),_:2},1032,["onClick"])]),_:1})]),_:1},8,["data"])])])])])),[[K,J.value]])}}});const it=Ie(tt,[["__scopeId","data-v-0ba02e57"]]);export{it as default};
|
