| 1 |
- import{d as x,aP as v,aq as _,i as t,r as c,aS as E,B as O,o as u,l as z,w as B,g as l,av as i,a as r,c as d,F,k as G,t as I,aT as H,_ as V,__tla as W}from"./index-82e357b2.js";import{e as J,__tla as K}from"./couponTemplate-51b98b8e.js";import{e as M,f as L}from"./constants-a3c69b57.js";import{f as R,__tla as N}from"./formatTime-e098e56b.js";let S,Q=Promise.all([(()=>{try{return W}catch{}})(),(()=>{try{return K}catch{}})(),(()=>{try{return N}catch{}})()]).then(async()=>{let y,b,g,w,C,h,P,T,k,$,D;y=x({name:"CouponDiscount",props:{coupon:v()},setup(a){const e=a.coupon;let p=e.discountPercent+"",n=" \u6298";return e.discountType===M.PRICE.type&&(p=_(e.discountPrice),n=" \u5143"),()=>t("div",null,[t("span",{class:"text-20px font-bold"},[p]),t("span",null,[n])])}}),b=x({name:"CouponDiscountDesc",props:{coupon:v()},setup(a){const e=a.coupon,p=e.usePrice>0?`\u6EE1${_(e.usePrice)}\u5143\uFF0C`:"",n=e.discountType===M.PRICE.type?`\u51CF${_(e.discountPrice)}\u5143`:`\u6253${e.discountPercent}\u6298`;return()=>t("div",null,[t("span",null,[p]),t("span",null,[n])])}}),g=x({name:"CouponValidTerm",props:{coupon:v()},setup(a){const e=a.coupon,p=e.validityType===L.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()=>t("div",null,[p])}}),w={key:0,class:"m-l-16px flex flex-row justify-between p-8px"},C={class:"flex flex-col justify-evenly gap-4px"},h={class:"flex flex-col justify-evenly"},P={key:1,class:"m-l-16px flex flex-row justify-between p-8px"},T={class:"flex flex-col justify-evenly gap-4px"},k={class:"flex flex-col"},$={key:2,class:"flex flex-col items-center justify-around gap-4px p-4px"},D=x({name:"CouponCard",__name:"index",props:{property:{type:Object,required:!0}},setup(a){const e=a,p=c([]);E(()=>e.property.couponIds,async()=>{var o;((o=e.property.couponIds)==null?void 0:o.length)>0&&(p.value=await J(e.property.couponIds))},{immediate:!0,deep:!0});const n=c(375),Y=c(),j=c("100%"),f=c(375);return E(()=>[e.property,n,p.value.length],()=>{f.value=(.95*n.value-e.property.space*(e.property.columns-1))/e.property.columns,j.value=f.value*p.value.length+e.property.space*(p.value.length-1)+"px"},{immediate:!0,deep:!0}),O(()=>{var o,m;n.value=((m=(o=Y.value)==null?void 0:o.wrapRef)==null?void 0:m.offsetWidth)||375}),(o,m)=>{const q=H;return u(),z(q,{class:"z-1 min-h-30px","wrap-class":"w-full",ref_key:"containerRef",ref:Y},{default:B(()=>[l("div",{class:"flex flex-row text-12px",style:i({gap:`${o.property.space}px`,width:r(j)})},[(u(!0),d(F,null,G(r(p),(s,A)=>(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:A},[o.property.columns===1?(u(),d("div",w,[l("div",C,[t(r(y),{coupon:s},null,8,["coupon"]),t(r(b),{coupon:s},null,8,["coupon"]),t(r(g),{coupon:s},null,8,["coupon"])]),l("div",h,[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",P,[l("div",T,[t(r(y),{coupon:s},null,8,["coupon"]),l("div",null,I(s.name),1)]),l("div",k,[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",$,[t(r(y),{coupon:s},null,8,["coupon"]),l("div",null,I(s.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)}}}),S=V(D,[["__file","E:/GAOHP_2023/mall/newfeifan-front/yudao-ui-admin-vue3/src/components/DiyEditor/components/mobile/CouponCard/index.vue"]])});export{Q as __tla,S as default};
|
