| 1 |
- import{a as le,R as oe}from"./elementPlus.4833989a.js";import{T as V}from"./enum.111a4a5d.js";import{D as ae,A as ne,U as ie,G as se}from"./api.83cee472.js";import{d as O,ai as i,o as d,M as x,O as a,U as o,S as C,T as $,a as h,c as w,a8 as I,F as z,r as p,G as re,Z as pe,j as ce,u as D,K as ue,am as me,Q as de,R as fe}from"./vue.adf17aba.js";import{_ as _e}from"./_plugin-vue_export-helper.c27b6911.js";import ve from"./timer-bid.0a3a488d.js";import{_ as ge}from"./timer-budget.vue_vue_type_script_setup_true_lang.1b133b6a.js";import{_ as ye}from"./switch-campaign.vue_vue_type_script_setup_true_lang.1241ed38.js";import{_ as be}from"./target-rule.vue_vue_type_script_setup_true_lang.45b0d116.js";import{_ as Ce}from"./search-term.vue_vue_type_script_setup_true_lang.025329b2.js";import{_ as he}from"./neg-keyword.vue_vue_type_script_setup_true_lang.25538ce1.js";import Te from"./adActivityDialog.8e621dac.js";import ke from"./automatedRuleTips.ba84f25c.js";import"./index.34b03be2.js";import"./echarts.72dc8373.js";import"./index.bab41dc1.js";import"./index.c499cd85.js";import"./index.ec96ead5.js";import"./enum.cd3ef671.js";import"./index.e05afc8c.js";import"./target-select.e73861f3.js";import"./index.vue_vue_type_script_setup_true_lang.987db4dd.js";import"./view-target-rules.bcfcd2e5.js";import"./api.aeeac40c.js";import"./select-target.vue_vue_type_script_setup_true_lang.0f62bbf5.js";import"./target-rule-setting.6bdd04d1.js";import"./freq-setting.ecd99b01.js";import"./search-term-add.71ec6cac.js";import"./index.vue_vue_type_script_setup_true_lang.18e79ecc.js";import"./search-term-bid.71c55886.js";import"./st-bid-input.2ccf0233.js";import"./targetRuleDialog.vue_vue_type_script_setup_true_lang.c9efd6ba.js";const xe={class:"popver-content"},we=["onClick"],Se=O({__name:"index",props:{btnTitle:{},btnType:{default:"primary"},btnColor:{default:"#3359b5"},btnIcon:{default:"CirclePlus"},placement:{default:"bottom-start"},options:{}},emits:["click"],setup(U,{emit:y}){const f=y,T=n=>{f("click",n)};return(n,v)=>{const S=i("el-button"),c=i("el-popover");return d(),x(c,{placement:n.placement,trigger:"hover"},{reference:a(()=>[o(S,{type:n.btnType,color:n.btnColor,icon:n.btnIcon,style:{color:"#fff"}},{default:a(()=>[C($(n.btnTitle),1)]),_:1},8,["type","color","icon"])]),default:a(()=>[h("div",xe,[(d(!0),w(z,null,I(n.options,u=>(d(),w("span",{class:"popver-content-item",onClick:s=>T(u.value)},$(u.label),9,we))),256))])]),_:1},8,["placement"])}}});const Ve=_e(Se,[["__scopeId","data-v-1562e0e5"]]),De={class:"flex",style:{"justify-content":"space-between"}},$e={class:"mx-3 mt-3",style:{display:"flex",gap:"14px"}},ze={class:"mx-3 mt-3",style:{display:"flex",gap:"14px"}},Le={style:{padding:"0 15px"}},ct=O({__name:"index",setup(U){const y=p(!1),f=p(!1),T=p({});re("isDialogVisible",f);const n=p(""),v=p(""),S=p(V.filter(e=>e.value!=="")),c=p(""),u=p(!1),s=p({name:"",rule:{type:0,campaignType:"",campaignAd:[],action:{},activeModel:"",setTime:"",weekdays:[],conditions:[]}}),A={1:ve,2:ge,3:ye,4:be,5:Ce,6:he},r=pe({height:820,align:null,loading:!1,rowConfig:{isHover:!0,height:45},columnConfig:{resizable:!0},pagerConfig:{enabled:!0,total:20,currentPage:1,pageSize:20,pageSizes:[10,20,30]},columns:[{field:"id",title:"ID",width:140},{field:"name",title:"模板名称"},{field:"rule.type",title:"模板类型",formatter:({cellValue:e})=>N(e),slots:{default:"type"}},{field:"campaignNumber",title:"广告活动数量"},{field:"creator_username",title:"创建人"},{field:"modifier_username",title:"更新人"},{title:"操作",width:120,slots:{default:"operate"}}],toolbarConfig:{slots:{buttons:"toolbar_buttons"}},data:[]}),B={pageChange({currentPage:e,pageSize:l}){r.pagerConfig&&(r.pagerConfig.currentPage=e,r.pagerConfig.pageSize=l,_())}};function L(){u.value=!1,_()}const j=e=>{T.value=e,f.value=!0};function P(){y.value=!0}function E(e){c.value="add",delete s.value.id,s.value.name="",s.value.rule={type:e,campaignType:"",campaignAd:[],action:{},activeModel:"",setTime:"",weekdays:[],conditions:[]},u.value=!0}function J(e){c.value="edit",s.value.id=e.id,s.value.name=e.name,s.value.rule=e.rule,u.value=!0}async function M(e){await ae(e.id),await _()}async function R(){c.value==="add"?await ne(s.value):c.value==="edit"&&await ie(s.value),L()}function F(){localStorage.setItem("templateType",JSON.stringify(v.value)),_()}function G(){localStorage.setItem("templateList",JSON.stringify(n.value)),_()}async function _(){const e=localStorage.getItem("templateType");e&&(v.value=JSON.parse(e));const l=localStorage.getItem("templateList");l&&(n.value=JSON.parse(l));try{r.loading=!0;const m=await se({page:r.pagerConfig.currentPage,limit:r.pagerConfig.pageSize,type:v.value,name:n.value});r.data=m.data.map(b=>({...b,rule:{...b.rule,typeLabelWithColor:N(b.rule.type)}})),r.pagerConfig.total=m.total}catch(m){console.error("Error fetching task data:",m)}finally{r.loading=!1}}function N(e){const l=V.find(m=>m.value===e);return l?{label:l.label,type:e}:{label:"",type:""}}const W=()=>({fontSize:"13px"}),q=()=>({fontSize:"14px",fontWeight:"500",color:"#2d2d2d"});return ce(()=>{_()}),(e,l)=>{const m=i("el-input"),b=i("el-option"),H=i("el-select"),K=i("question-filled"),Q=i("el-icon"),g=i("el-button"),Y=i("el-popconfirm"),Z=i("vxe-grid"),X=i("el-card"),ee=i("el-drawer");return d(),w(z,null,[h("div",De,[h("div",$e,[o(m,{modelValue:n.value,"onUpdate:modelValue":l[0]||(l[0]=t=>n.value=t),"prefix-icon":D(le),clearable:"",placeholder:"模板名称",style:{width:"240px"},onChange:G},null,8,["modelValue","prefix-icon"]),o(H,{modelValue:v.value,"onUpdate:modelValue":l[1]||(l[1]=t=>v.value=t),placeholder:"所有类型",style:{width:"240px"},"value-key":"value",onChange:F},{default:a(()=>[(d(!0),w(z,null,I(D(V),t=>(d(),x(b,{key:t.value,label:t.label,value:t.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),h("div",ze,[o(g,{link:"",style:{color:"#2b7ed9","font-size":"12px"},onClick:P},{default:a(()=>[o(Q,null,{default:a(()=>[o(K)]),_:1}),C(" 如何使用自动化规则？ ")]),_:1})])]),o(X,{class:"mx-3 my-3"},{default:a(()=>[o(Z,ue({"cell-style":W,"header-cell-style":q,"show-overflow":""},r,me(B)),{toolbar_buttons:a(()=>[o(Ve,{options:S.value,"btn-title":"新建模板",onClick:E},null,8,["options"])]),operate:a(({row:t})=>[o(g,{icon:"Edit",style:{color:"#0b52a7"},type:"text",onClick:k=>J(t)},null,8,["onClick"]),o(g,{icon:"SetUp",style:{color:"#0b52a7"},type:"text",onClick:k=>j(t)},null,8,["onClick"]),o(Y,{icon:D(oe),"icon-color":"#ff8d2b",title:"删除模板后，所有使用该模板的广告活动将暂停相关自动化规则",width:"300",onConfirm:k=>M(t)},{reference:a(()=>[o(g,{icon:"Delete",style:{color:"#0b52a7"},type:"text"})]),actions:a(({confirm:k,cancel:te})=>[o(g,{size:"small",onClick:te},{default:a(()=>[C("No!")]),_:2},1032,["onClick"]),o(g,{size:"small",type:"danger",onClick:k},{default:a(()=>[C(" Yes? ")]),_:2},1032,["onClick"])]),_:2},1032,["icon","onConfirm"])]),type:a(({row:t})=>[C($(t.rule.typeLabelWithColor.label),1)]),_:1},16)]),_:1}),o(ee,{modelValue:u.value,"onUpdate:modelValue":l[2]||(l[2]=t=>u.value=t),"close-on-click-modal":!1,"destroy-on-close":!0,title:c.value==="add"?"新建模板":"编辑模板",size:"70%"},{default:a(()=>[h("div",Le,[(d(),x(de(A[s.value.rule.type]),{data:s.value,mode:c.value,submitFormData:R,onRefresh:L},null,40,["data","mode"]))])]),_:1},8,["modelValue","title"]),f.value?(d(),x(Te,{key:0,modelValue:f.value,"onUpdate:modelValue":l[3]||(l[3]=t=>f.value=t),rowData:T.value,onConfirmSuccess:_},null,8,["modelValue","rowData"])):fe("",!0),o(ke,{modelValue:y.value,"onUpdate:modelValue":l[4]||(l[4]=t=>y.value=t)},null,8,["modelValue"])],64)}}});export{ct as default};
|
