index-c7c1058a.js 3.8 KB

1
  1. import{d as x,dP as v,ar as _,f as p,r as c,L as I,l as A,o as u,v as F,w as L,g as l,au as i,a as r,c as d,F as O,q as V,t as E,bo as W,_ as B,__tla as G}from"./index-bd9277a1.js";import{e as H,__tla as J}from"./couponTemplate-4c6f6a34.js";import{e as M,f as K}from"./constants-40f13f5e.js";import{f as R,__tla as N}from"./formatTime-8639ba1a.js";let z,Q=Promise.all([(()=>{try{return G}catch{}})(),(()=>{try{return J}catch{}})(),(()=>{try{return N}catch{}})()]).then(async()=>{let y,b,g,w,h,C,D,P,$,k,T;y=x({name:"CouponDiscount",props:{coupon:v()},setup(s){const e=s.coupon;let t=e.discountPercent+"",n=" \u6298";return e.discountType===M.PRICE.type&&(t=_(e.discountPrice),n=" \u5143"),()=>p("div",null,[p("span",{class:"text-20px font-bold"},[t]),p("span",null,[n])])}}),b=x({name:"CouponDiscountDesc",props:{coupon:v()},setup(s){const e=s.coupon,t=e.usePrice>0?`\u6EE1${_(e.usePrice)}\u5143\uFF0C`:"",n=e.discountType===M.PRICE.type?`\u51CF${_(e.discountPrice)}\u5143`:`\u6253${e.discountPercent}\u6298`;return()=>p("div",null,[p("span",null,[t]),p("span",null,[n])])}}),g=x({name:"CouponValidTerm",props:{coupon:v()},setup(s){const e=s.coupon,t=e.validityType===K.DATE.type?`\u6709\u6548\u671F\uFF1A${R(e.validStartTime,"YYYY-MM-DD")} \u81F3 ${R(e.validEndTime,"YYYY-MM-DD")}`:`\u9886\u53D6\u540E\u7B2C ${e.fixedStartTerm} - ${e.fixedEndTerm} \u5929\u5185\u53EF\u7528`;return()=>p("div",null,[t])}}),w={key:0,class:"m-l-16px flex flex-row justify-between p-8px"},h={class:"flex flex-col justify-evenly gap-4px"},C={class:"flex flex-col justify-evenly"},D={key:1,class:"m-l-16px flex flex-row justify-between p-8px"},P={class:"flex flex-col justify-evenly gap-4px"},$={class:"flex flex-col"},k={key:2,class:"flex flex-col items-center justify-around gap-4px p-4px"},T=x({name:"CouponCard",__name:"index",props:{property:{type:Object,required:!0}},setup(s){const e=s,t=c([]);I(()=>e.property.couponIds,async()=>{var o;((o=e.property.couponIds)==null?void 0:o.length)>0&&(t.value=await H(e.property.couponIds))},{immediate:!0,deep:!0});const n=c(375),j=c(),Y=c("100%"),f=c(375);return I(()=>[e.property,n,t.value.length],()=>{f.value=(.95*n.value-e.property.space*(e.property.columns-1))/e.property.columns,Y.value=f.value*t.value.length+e.property.space*(t.value.length-1)+"px"},{immediate:!0,deep:!0}),A(()=>{var o,m;n.value=((m=(o=j.value)==null?void 0:o.wrapRef)==null?void 0:m.offsetWidth)||375}),(o,m)=>{const q=W;return u(),F(q,{class:"z-1 min-h-30px","wrap-class":"w-full",ref_key:"containerRef",ref:j},{default:L(()=>[l("div",{class:"flex flex-row text-12px",style:i({gap:`${o.property.space}px`,width:r(Y)})},[(u(!0),d(O,null,V(r(t),(a,S)=>(u(),d("div",{class:"box-content",style:i({background:o.property.bgImg?`url(${o.property.bgImg}) 100% center / 100% 100% no-repeat`:"#fff",width:`${r(f)}px`,color:o.property.textColor}),key:S},[o.property.columns===1?(u(),d("div",w,[l("div",h,[p(r(y),{coupon:a},null,8,["coupon"]),p(r(b),{coupon:a},null,8,["coupon"]),p(r(g),{coupon:a},null,8,["coupon"])]),l("div",C,[l("div",{class:"rounded-20px p-x-8px p-y-2px",style:i({color:o.property.button.color,background:o.property.button.bgColor})}," \u7ACB\u5373\u9886\u53D6 ",4)])])):o.property.columns===2?(u(),d("div",D,[l("div",P,[p(r(y),{coupon:a},null,8,["coupon"]),l("div",null,E(a.name),1)]),l("div",$,[l("div",{class:"h-full w-20px rounded-20px p-x-2px p-y-8px text-center",style:i({color:o.property.button.color,background:o.property.button.bgColor})}," \u7ACB\u5373\u9886\u53D6 ",4)])])):(u(),d("div",k,[p(r(y),{coupon:a},null,8,["coupon"]),l("div",null,E(a.name),1),l("div",{class:"rounded-20px p-x-8px p-y-2px",style:i({color:o.property.button.color,background:o.property.button.bgColor})}," \u7ACB\u5373\u9886\u53D6 ",4)]))],4))),128))],4)]),_:1},512)}}}),z=B(T,[["__file","D:/zhongxing/mall-newfeifan-zx-admin/src/components/DiyEditor/components/mobile/CouponCard/index.vue"]])});export{Q as __tla,z as default};