2 lines
16 KiB
JavaScript
2 lines
16 KiB
JavaScript
import{d as ae,r as d,o as re,c as u,w as t,a as se,i as ne,f,g as _,_ as oe,aj as pe,ai as xe,j as x,k as e,l as ue,ad as de,af as i,ae as b,u as n,m as r,s as N,n as ie,bd as me,t as h,p as K,F as Q,q as W,v as ce,aE as fe,x as _e}from"./index-B-O76M86.js";import{_ as ge}from"./wd-swiper.CwC-Igp9.js";import{_ as be}from"./wd-tag.xrpdYPqB.js";import{_ as ve}from"./wd-gap.BAKEf3S6.js";import{_ as we}from"./wd-img.St7DZ4lX.js";import{_ as ye}from"./wd-radio.CUA1Ezn6.js";import{_ as Ce}from"./wd-radio-group.e4N_acdR.js";import{_ as he}from"./wd-datetime-picker-view.vue_vue_type_script_setup_true_lang._89Bwcyy.js";import{_ as X}from"./PriceFormat.vue_vue_type_script_setup_true_name_PriceFormat_lang.D3cTQufW.js";import{R as ke}from"./order.DxPOPHyl.js";import"./useChildren.CuMc9-cW.js";const A="<p>这里是富文本内容，需要后台传递</p>",m=!1,Fe=ae({__name:"detail",setup(Te){const g=ne("OSS"),Z=d([`${g}images/banner1.png`,`${g}images/banner1.png`,`${g}images/banner1.png`]),B=d(0),c=d(1),G=d([{id:1,name:"平台余额",icon:`${g}icon/icon_platform_balance.png`,balance:0,value:1},{id:2,name:"门店余额",icon:`${g}icon/icon_store_balance.png`,balance:0,value:2},{id:3,name:"微信支付",icon:`${g}icon/icon_weichat.png`,balance:0,value:3}]),k=d(!1),v=d("start"),V=d(""),j=d(""),P=new Date,O=Date.now(),Y=new Date(P.getFullYear(),P.getMonth()+1,P.getDate()).getTime(),E=d(""),U=d(""),w=d(0),y=d(!1),F=d(!1);re(p=>{p.type==ke.GroupBuying&&(c.value=3,console.log("🚀 ~ pay.value:",c.value))});const o={startTimeTimestamp:0,endTimeTimestamp:0,handleStartTimePicker:p=>{o.startTimeTimestamp=p.value,E.value=o.formatDate(p.value),o.totalTimestamp()},handleEndTimePicker:p=>{o.endTimeTimestamp=p.value,U.value=o.formatDate(p.value),o.totalTimestamp()},handleFormatTime:(p,a)=>p==="year"?`${a}年`:p==="month"?`${a}月`:p==="date"?`${a}日`:p==="hour"?`${a}时`:p==="minute"?`${a}分`:a,handleClick:p=>{console.log("Clicked item:",p)},handleResetTime:()=>{V.value="",j.value="",E.value="",U.value="",o.startTimeTimestamp=0,o.endTimeTimestamp=0,w.value=0,v.value="start"},handleConfirmHour:()=>{if(w.value<=0){fe.info("至少起订N小时");return}k.value=!1},handleToCoupon(p){ce({url:`/bundle/coupon/coupon?type=${p}`})},handlePay:()=>{},formatDate:p=>{const a=new Date(p),C=a.getFullYear(),l=String(a.getMonth()+1).padStart(2,"0"),L=String(a.getDate()).padStart(2,"0"),D=String(a.getHours()).padStart(2,"0"),T=String(a.getMinutes()).padStart(2,"0");return`${C}-${l}-${L} ${D}:${T}`},totalTimestamp:()=>{if(o.startTimeTimestamp&&o.endTimeTimestamp){const a=(o.endTimeTimestamp-o.startTimeTimestamp)/1e3/60/60,C=Math.round(a*10)/10;return C>=0&&(w.value=C),C}return w.value=0,0}};return(p,a)=>{const C=de,l=ue,L=f(_("wd-swiper"),ge),D=f(_("wd-tag"),be),T=f(_("wd-gap"),ve),S=ie,M=me,z=f(_("wd-icon"),oe),$=f(_("wd-img"),we),q=f(_("wd-radio"),ye),I=f(_("wd-radio-group"),Ce),ee=f(_("wd-button"),pe),J=f(_("wd-datetime-picker-view"),he),R=f(_("wd-popup"),xe),te=se("layout-tabbar-uni");return x(),u(te,null,{default:t(()=>[e(l,{class:"pb-180rpx"},{default:t(()=>[e(l,null,{default:t(()=>[e(C,{title:m?"团购套餐":"预定","custom-class":"!bg-[#F6F7F8]"},null,8,["title"])]),_:1}),e(l,null,{default:t(()=>[e(l,{class:"mt-20rpx mx-30rpx swiper"},{default:t(()=>[e(L,{"value-key":"image",height:"320rpx",indicator:{type:"dots-bar"},list:n(Z),current:n(B),"onUpdate:current":a[0]||(a[0]=s=>b(B)?B.value=s:null),onClick:o.handleClick,mode:"aspectFit"},null,8,["list","current","onClick"])]),_:1}),e(l,{class:"bg-white rounded-16rpx py-26rpx px-30rpx mt-24rpx mx-30rpx"},{default:t(()=>[e(l,{class:"font-bold text-36rpx text-[#303133] leading-50rpx"},{default:t(()=>[r("这里是茶室的名称茶室的名称")]),_:1}),m?i("",!0):(x(),u(l,{key:0,class:"mt-14rpx flex"},{default:t(()=>[e(l,{class:"mr-20rpx flex items-start"},{default:t(()=>[e(D,{color:"#40AE36","bg-color":"#40AE36",plain:"","custom-class":"!rounded-4rpx"},{default:t(()=>[r("文艺小清新")]),_:1})]),_:1}),e(l,{class:"flex items-start"},{default:t(()=>[e(D,{color:"#F55726","bg-color":"#F55726",plain:""},{default:t(()=>[r("全息投影")]),_:1})]),_:1})]),_:1})),e(l,{class:N(["flex justify-between items-center",`${m?"mt-24rpx":""}`])},{default:t(()=>[m?(x(),u(l,{key:0,class:"text-[#303133] text-26rpx leading-48rpx font-500"},{default:t(()=>[r("“环境幽静，谈商务放松好场所”")]),_:1})):i("",!0),e(l,{class:"text-[#6A6363] flex-1 text-22rpx leading-32rpx text-right"},{default:t(()=>[r("已售 10+")]),_:1})]),_:1},8,["class"]),m?(x(),u(l,{key:1},{default:t(()=>[e(l,{class:"mt-20rpx mb-24rpx"},{default:t(()=>[e(T,{height:"2rpx",bgColor:"#F6F7F9"})]),_:1}),e(l,{class:"text-[#303133] text-28rpx leading-48rpx"},{default:t(()=>[e(l,null,{default:t(()=>[e(S,{class:"font-bold mr-26rpx"},{default:t(()=>[r("须知")]),_:1}),e(S,{class:"font-500"},{default:t(()=>[r("需预约")]),_:1})]),_:1}),e(l,{class:"mt-22rpx"},{default:t(()=>[e(S,{class:"font-bold mr-26rpx"},{default:t(()=>[r("保障")]),_:1}),e(S,{class:"font-500"},{default:t(()=>[r("随时退")]),_:1})]),_:1})]),_:1})]),_:1})):i("",!0)]),_:1}),m?i("",!0):(x(),u(l,{key:0},{default:t(()=>[e(l,{class:"bg-white rounded-16rpx py-26rpx px-30rpx mt-24rpx mx-30rpx"},{default:t(()=>[e(l,{class:"text-[#303133] text-32rpx leading-44rpx font-bold mb-24rpx"},{default:t(()=>[r("使用说明")]),_:1}),e(l,{class:""},{default:t(()=>[e(M,{nodes:A})]),_:1})]),_:1}),e(l,{class:"bg-white rounded-16rpx py-26rpx px-30rpx mt-24rpx mx-30rpx",onClick:a[1]||(a[1]=s=>k.value=!0)},{default:t(()=>[e(l,{class:"text-[#303133] text-32rpx leading-44rpx font-bold mb-24rpx"},{default:t(()=>[r("预定时间")]),_:1}),e(l,{class:"flex items-center justify-between"},{default:t(()=>[e(l,{class:"text-[26rpx] text-[#606266] leading-36rpx"},{default:t(()=>[r("3小时起订")]),_:1}),e(l,{class:"flex items-center"},{default:t(()=>[e(l,{class:"text-[28rpx] text-[#909399] leading-40rpx"},{default:t(()=>[r(h(n(w)>0?`${n(w)}小时`:"请选择"),1)]),_:1}),e(l,{class:"mt-4rpx"},{default:t(()=>[e(z,{name:"chevron-right",size:"22px",color:"#909399"})]),_:1})]),_:1})]),_:1})]),_:1}),e(l,{class:"bg-white rounded-16rpx py-26rpx px-30rpx mt-24rpx mx-30rpx",onClick:a[2]||(a[2]=s=>o.handleToCoupon(1))},{default:t(()=>[e(l,{class:"text-[#303133] text-32rpx leading-44rpx font-bold mb-24rpx"},{default:t(()=>[r("优惠券")]),_:1}),e(l,{class:"flex items-center justify-between"},{default:t(()=>[e(l,{class:"text-[26rpx] text-[#606266] leading-36rpx"},{default:t(()=>[r("优惠券")]),_:1}),e(l,{class:"flex items-center"},{default:t(()=>[e(l,{class:"text-[28rpx] text-[#909399] leading-40rpx"},{default:t(()=>[r("无可用")]),_:1}),e(l,{class:"mt-4rpx"},{default:t(()=>[e(z,{name:"chevron-right",size:"22px",color:"#909399"})]),_:1})]),_:1})]),_:1})]),_:1}),e(l,{class:"bg-white rounded-16rpx py-40rpx px-30rpx mt-24rpx mx-30rpx pay"},{default:t(()=>[e(l,null,{default:t(()=>[e(I,{modelValue:n(c),"onUpdate:modelValue":a[3]||(a[3]=s=>b(c)?c.value=s:null),shape:"dot","checked-color":"#4C9F44"},{default:t(()=>[(x(!0),K(Q,null,W(n(G),(s,H)=>(x(),u(l,{class:"flex justify-between items-center mb-40rpx",key:H,onClick:le=>c.value=s.id},{default:t(()=>[e(l,{class:"flex items-center"},{default:t(()=>[e($,{width:"50rpx",height:"50rpx",src:s.icon},null,8,["src"]),e(l,{class:"ml-20rpx text-30rpx text-[#303133] leading-42rpx"},{default:t(()=>[r(h(s.name),1)]),_:2},1024)]),_:2},1024),e(l,{class:"flex items-center"},{default:t(()=>[e(q,{value:s.value},{default:t(()=>[e(l,{class:"text-[#303133] text-26rpx leading-36rpx mr-20rpx"},{default:t(()=>[r("可用202.22")]),_:1})]),_:2},1032,["value"])]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:1},8,["modelValue"])]),_:1}),e(l,{class:"mb-30rpx"},{default:t(()=>[e(T,{height:"2rpx",bgColor:"#F6F7F9"})]),_:1}),e(l,{class:"flex justify-between items-center",onClick:a[4]||(a[4]=s=>o.handleToCoupon(2))},{default:t(()=>[e(l,{class:"text-30rpx text-[#303133] leading-42rpx"},{default:t(()=>[r("更多支付（团购券）")]),_:1}),e(l,{class:"flex items-center"},{default:t(()=>[e(l,{class:"text-[#4C9F44] text-28rpx leading-40rpx mr-32rpx"},{default:t(()=>[r("1张可用")]),_:1}),e(l,{class:"mt-4rpx"},{default:t(()=>[e(z,{name:"chevron-right",size:"22px",color:"#909399"})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})),m?(x(),u(l,{key:1},{default:t(()=>[e(l,{class:"bg-white rounded-16rpx py-26rpx px-30rpx mt-24rpx mx-30rpx"},{default:t(()=>[e(l,{class:"text-[#303133] text-32rpx leading-44rpx font-bold mb-24rpx"},{default:t(()=>[r("套餐详情")]),_:1}),e(l,{class:""},{default:t(()=>[e(M,{nodes:A})]),_:1})]),_:1}),e(l,{class:"bg-white rounded-16rpx py-26rpx px-30rpx mt-24rpx mx-30rpx"},{default:t(()=>[e(l,{class:"text-[#303133] text-32rpx leading-44rpx font-bold mb-24rpx"},{default:t(()=>[r("购买须知")]),_:1}),e(l,{class:""},{default:t(()=>[e(M,{nodes:A})]),_:1})]),_:1})]),_:1})):i("",!0),e(l,{class:"fixed left-0 right-0 bottom-0 z-2 bg-[#fff]",style:{height:"140rpx"}},{default:t(()=>[m?i("",!0):(x(),u(l,{key:0,class:"mt-12rpx w-full"},{default:t(()=>[e(T,{height:"2rpx",bgColor:"#ECECEC"})]),_:1})),e(l,{class:"mt-22rpx flex justify-between items-center"},{default:t(()=>[e(l,{class:"flex items-center ml-60rpx"},{default:t(()=>[m?i("",!0):(x(),u(l,{key:0,class:"text-24rpx text-[#303133] leading-34rpx w-72rpx"},{default:t(()=>[r("合计：")]),_:1})),e(l,{class:"flex items-center h-56rpx mr-16rpx"},{default:t(()=>[e(X,{color:"#FF5951","first-size":40,"second-size":40,"subscript-size":28,price:23.02}),m?(x(),u(l,{key:0,class:"ml-20rpx"},{default:t(()=>[e(X,{color:"#909399","first-size":26,"second-size":26,"subscript-size":26,price:23.02,lineThrough:""})]),_:1})):i("",!0)]),_:1}),m?i("",!0):(x(),u(l,{key:1,class:"flex items-center text-[#4C9F44]",onClick:a[5]||(a[5]=s=>y.value=!0)},{default:t(()=>[e(l,{class:"text-24rpx mr-10rpx"},{default:t(()=>[r("费用明细")]),_:1}),e(z,{name:n(y)?"arrow-up":"arrow-down",size:"24rpx",color:"#4C9F44"},null,8,["name"])]),_:1}))]),_:1}),e(l,{class:"mr-30rpx"},{default:t(()=>[e(ee,{"custom-class":"!bg-[#4C9F44] !rounded-8rpx !h-70rpx",onClick:a[6]||(a[6]=s=>F.value=!0)},{default:t(()=>[r(h(m?"立即购买":"立即预定"),1)]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),e(R,{modelValue:n(k),"onUpdate:modelValue":a[12]||(a[12]=s=>b(k)?k.value=s:null),"lock-scroll":"","custom-style":"border-radius: 32rpx 32rpx 0rpx 0rpx;",position:"bottom"},{default:t(()=>[e(l,{class:"relative"},{default:t(()=>[e(l,{class:"absolute top-18rpx right-30rpx",onClick:a[7]||(a[7]=s=>k.value=!1)},{default:t(()=>[e($,{width:"60rpx",height:"60rpx",src:`${n(g)}icon/icon_close.png`},null,8,["src"])]),_:1}),e(l,{class:"text-36rpx text-[#121212] leading-50rpx text-center pt-50rpx pb-40rpx"},{default:t(()=>[r("选择时间")]),_:1}),e(l,{class:"w-[100%] h-100rpx flex justify-between items-center"},{default:t(()=>[e(l,{class:N(["w-[50%] h-[100%] flex flex-col items-center justify-center rounded-l-[8rpx]",`${n(v)=="start"?"bg-[#4C9F44] text-[#fff]":"bg-[#F6F7F8] text-[#303133]"}`]),onClick:a[8]||(a[8]=s=>v.value="start")},{default:t(()=>[e(l,{class:"text-28rpx leading-40rpx"},{default:t(()=>[r("开始时间")]),_:1}),e(l,{class:"text-26rpx leading-36rpx mt-2rpx"},{default:t(()=>[r(h(n(E)),1)]),_:1})]),_:1},8,["class"]),e(l,{class:N(["w-[50%] h-[100%] flex flex-col items-center justify-center rounded-r-[8rpx]",`${n(v)=="end"?"bg-[#4C9F44] text-[#fff]":"bg-[#F6F7F8] text-[#303133]"}`]),onClick:a[9]||(a[9]=s=>v.value="end")},{default:t(()=>[e(l,{class:"text-28rpx leading-40rpx"},{default:t(()=>[r("结束时间")]),_:1}),e(l,{class:"text-26rpx leading-36rpx mt-2rpx"},{default:t(()=>[r(h(n(U)),1)]),_:1})]),_:1},8,["class"])]),_:1}),e(l,{class:"date-picker"},{default:t(()=>[n(v)=="start"?(x(),u(l,{key:0,class:""},{default:t(()=>[e(J,{minDate:n(O),maxDate:n(Y),type:"datetime",modelValue:n(V),"onUpdate:modelValue":a[10]||(a[10]=s=>b(V)?V.value=s:null),formatter:o.handleFormatTime,onChange:o.handleStartTimePicker},null,8,["minDate","maxDate","modelValue","formatter","onChange"])]),_:1})):i("",!0),n(v)=="end"?(x(),u(l,{key:1,class:""},{default:t(()=>[e(J,{minDate:n(O),maxDate:n(Y),type:"datetime",modelValue:n(j),"onUpdate:modelValue":a[11]||(a[11]=s=>b(j)?j.value=s:null),formatter:o.handleFormatTime,onChange:o.handleEndTimePicker},null,8,["minDate","maxDate","modelValue","formatter","onChange"])]),_:1})):i("",!0)]),_:1}),e(l,{class:"pb-22rpx mt-40rpx mx-30rpx flex justify-between items-center text-[32rpx] text-center"},{default:t(()=>[e(l,{class:"bg-[#F6F7F8] text-[#303133] rounded-8rpx h-90rpx leading-90rpx w-[50%] mr-28rpx",onClick:o.handleResetTime},{default:t(()=>[r("重置")]),_:1},8,["onClick"]),e(l,{class:"bg-[#4C9F44] text-[#fff] rounded-8rpx h-90rpx leading-90rpx w-[50%]",onClick:o.handleConfirmHour},{default:t(()=>[r("确定（"+h(n(w))+"小时）",1)]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1},8,["modelValue"]),e(R,{modelValue:n(y),"onUpdate:modelValue":a[14]||(a[14]=s=>b(y)?y.value=s:null),"lock-scroll":"","custom-style":"border-radius: 32rpx 32rpx 0rpx 0rpx;",onClose:a[15]||(a[15]=s=>y.value=!1),position:"bottom"},{default:t(()=>[e(l,{class:"bg-[#FBFBFB] py-40rpx realtive"},{default:t(()=>[e(l,{class:"absolute top-18rpx right-30rpx",onClick:a[13]||(a[13]=s=>y.value=!1)},{default:t(()=>[e($,{width:"60rpx",height:"60rpx",src:`${n(g)}icon/icon_close.png`},null,8,["src"])]),_:1}),e(l,{class:"text-36rpx text-[#121212] leading-50rpx text-center"},{default:t(()=>[r("费用明细")]),_:1}),e(l,{class:"mx-30rpx bg-white rounded-16rpx px-30rpx pt-40rpx mt-40rpx pb-30rpx"},{default:t(()=>[e(l,{class:"flex justify-between items-center text-30rpx text-[#303133] leading-42rpx"},{default:t(()=>[e(l,null,{default:t(()=>[r("茶室费")]),_:1}),e(l,null,{default:t(()=>[r("￥640.00")]),_:1})]),_:1}),e(l,{class:"flex justify-between items-center text-24rpx text-[#909399] leading-34rpx mt-16rpx"},{default:t(()=>[e(l,null,{default:t(()=>[r("茶室费（￥160元/小时）")]),_:1}),e(l,null,{default:t(()=>[r("x4")]),_:1})]),_:1}),e(l,{class:"mt-52rpx"},{default:t(()=>[e(l,{class:"flex justify-between items-center text-30rpx text-[#303133] leading-42rpx"},{default:t(()=>[e(l,null,{default:t(()=>[r("茶室费")]),_:1}),e(l,{class:"text-[#4C9F44]"},{default:t(()=>[r("-￥640.00")]),_:1})]),_:1}),e(l,{class:"flex justify-between items-center text-24rpx text-[#909399] leading-34rpx mt-16rpx"},{default:t(()=>[e(l,null,{default:t(()=>[r("优惠券")]),_:1}),e(l,null,{default:t(()=>[r("-￥20")]),_:1})]),_:1}),e(l,{class:"flex justify-between items-center text-24rpx text-[#909399] leading-34rpx mt-16rpx"},{default:t(()=>[e(l,null,{default:t(()=>[r("优惠券")]),_:1}),e(l,null,{default:t(()=>[r("-￥20")]),_:1})]),_:1})]),_:1}),e(l,{class:"my-30rpx"},{default:t(()=>[e(T,{height:"2rpx",bgColor:"#F6F7F9"})]),_:1}),e(l,{class:"flex justify-between items-center text-30rpx text-[#303133] leading-42rpx"},{default:t(()=>[e(l,null,{default:t(()=>[r("实付金额")]),_:1}),e(l,null,{default:t(()=>[r("￥640.00")]),_:1})]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"]),e(R,{modelValue:n(F),"onUpdate:modelValue":a[18]||(a[18]=s=>b(F)?F.value=s:null),"lock-scroll":"","custom-style":"border-radius: 32rpx 32rpx 0rpx 0rpx;",onClose:a[19]||(a[19]=s=>F.value=!1),position:"bottom"},{default:t(()=>[e(l,{class:"bg-[#FBFBFB] py-40rpx realtive"},{default:t(()=>[e(l,{class:"absolute top-18rpx right-30rpx",onClick:a[16]||(a[16]=s=>F.value=!1)},{default:t(()=>[e($,{width:"60rpx",height:"60rpx",src:`${n(g)}icon/icon_close.png`},null,8,["src"])]),_:1}),e(l,{class:"text-36rpx text-[#121212] leading-50rpx text-center"},{default:t(()=>[r("支付")]),_:1}),e(l,{class:"mx-30rpx bg-white rounded-16rpx px-30rpx pt-40rpx mt-40rpx pb-30rpx"},{default:t(()=>[e(I,{modelValue:n(c),"onUpdate:modelValue":a[17]||(a[17]=s=>b(c)?c.value=s:null),shape:"dot","checked-color":"#4C9F44"},{default:t(()=>[(x(!0),K(Q,null,W(n(G),(s,H)=>(x(),u(l,{class:"pay",key:H,onClick:le=>c.value=s.id},{default:t(()=>[n(c)==s.value?(x(),u(l,{key:0,class:"flex justify-between items-center"},{default:t(()=>[e(l,{class:"flex items-center"},{default:t(()=>[e($,{width:"50rpx",height:"50rpx",src:s.icon},null,8,["src"]),e(l,{class:"ml-20rpx text-30rpx text-[#303133] leading-42rpx"},{default:t(()=>[r(h(s.name),1)]),_:2},1024)]),_:2},1024),e(l,{class:"flex items-center"},{default:t(()=>[e(q,{value:s.value},{default:t(()=>[e(l,{class:"text-[#303133] text-26rpx leading-36rpx mr-20rpx"},{default:t(()=>[r("可用202.22")]),_:1})]),_:2},1032,["value"])]),_:2},1024)]),_:2},1024)):i("",!0)]),_:2},1032,["onClick"]))),128))]),_:1},8,["modelValue"])]),_:1}),e(l,{class:"bg-[#4C9F44] text-[#fff] rounded-8rpx h-90rpx leading-90rpx mx-60rpx box-border text-center mt-170rpx",onClick:o.handlePay},{default:t(()=>[r("确定付款")]),_:1},8,["onClick"])]),_:1})]),_:1},8,["modelValue"])]),_:1})]),_:1})}}}),Me=_e(Fe,[["__scopeId","data-v-f7ed6e76"]]);export{Me as default};
|