detail-content-card.7071a269.js 10 KB

1
  1. import{s as e,y as s,d as t,a5 as a,l,m as c,e as o,f as r,w as n,j as i,A as d,u,k as f,F as m,r as b,B as p,t as _,v as x,a6 as y,a7 as g,g as w,a8 as v,a9 as h,aa as k,ab as $,E as I,i as C,x as V,G as T,c as j,ac as L,L as S}from"./index-e2cbcaf2.js";import{c as F,a as B}from"./s-layout.d4b08efc.js";import{F as O}from"./favorite.00aa0c9e.js";import{_ as N}from"./_plugin-vue_export-helper.1b428a4d.js";import{_ as R}from"./s-empty.65c34b1a.js";import{c as A,C as E}from"./comment-item.6402b693.js";import{_ as H}from"./mp-html.d6d1bac4.js";const M=N({__name:"detail-navbar",props:{modelValue:{type:Object,default(){}},collectIcon:{type:Boolean,default:!0},shareIcon:{type:Boolean,default:!0}},emits:["clickLeft"],setup(T,{emit:j}){const L=T,S=e.$platform.device.statusBarHeight,N=e.$platform.navbar;e.$platform.capsule.width,e.$platform.capsule.height;const R=s({tabOpacityVal:0,curTab:"goods",tabList:[{label:"商品",value:"goods",to:"detail-swiper-selector"},{label:"评价",value:"comment",to:"detail-comment-selector"},{label:"详情",value:"detail",to:"detail-content-selector"}]}),A=e.$router.hasHistory();function E(){A?e.$router.back():e.$router.go("/pages/index/index"),j("clickLeft")}function H(){h()}let M={top:0,bottom:0};async function P(){if(L.modelValue.favorite){const{code:s}=await O.deleteFavorite(L.modelValue.id);if(0!==s)return;e.$helper.toast("取消收藏"),L.modelValue.favorite=!1}else{const{code:s}=await O.createFavorite(L.modelValue.id);if(await O.createCollectBefore(L.modelValue.id),0!==s)return;e.$helper.toast("收藏成功"),L.modelValue.favorite=!0}}return t((s=>{R.tabOpacityVal=s.scrollTop>e.$platform.navbar?1:.01*s.scrollTop,0===M.top&&a((()=>{new Promise(((e,s)=>{k().select(".detail-comment-selector").boundingClientRect((s=>{s?(M.top=s.top,M.bottom=s.top+s.height,e(s)):e(null)})).exec()}))}),50),s.scrollTop<M.top-N?R.curTab="goods":s.scrollTop>=M.top-N&&s.scrollTop<=M.bottom-N?R.curTab="comment":R.curTab="detail"})),(s,t)=>{const a=l(c("su-status-bar"),F),h=I,k=C,j=V,L=l(c("su-fixed"),B);return o(),r(L,{alway:"",bgStyles:{background:"#fff"},val:0,noNav:"",opacity:"",placeholder:!1},{default:n((()=>[i(a),i(k,{class:"ui-bar ss-flex ss-col-center ss-row-between ss-p-x-20",style:d([{height:u(N)-u(S)+"px"}])},{default:n((()=>[i(k,{class:"icon-box ss-flex"},{default:n((()=>[i(k,{class:"icon-button icon-button-left ss-flex ss-row-center",onClick:E},{default:n((()=>[u(A)?(o(),r(h,{key:0,class:"sicon-back"})):(o(),r(h,{key:1,class:"sicon-home"}))])),_:1}),i(k,{class:"line"}),i(k,{class:"icon-button icon-button-right ss-flex ss-row-center",onClick:H},{default:n((()=>[i(h,{class:"sicon-more"})])),_:1})])),_:1}),i(k,{class:"detail-tab-card ss-flex-1",style:d([{opacity:R.tabOpacityVal}])},{default:n((()=>[i(k,{class:"tab-box ss-flex ss-col-center ss-row-around"},{default:n((()=>[(o(!0),f(m,null,b(R.tabList,(e=>(o(),r(k,{class:"tab-item ss-flex-1 ss-flex ss-row-center ss-col-center",key:e.value,onClick:s=>function(e){let s=0;"comment"===e.value?s=M.top-N+1:"detail"===e.value&&(s=M.bottom-N+1),$({scrollTop:s,duration:200})}(e)},{default:n((()=>[i(k,{class:p(["tab-title",R.curTab===e.value?"cur-tab-title":""])},{default:n((()=>[_(x(e.label),1)])),_:2},1032,["class"]),y(i(k,{class:"tab-line"},null,512),[[g,R.curTab===e.value]])])),_:2},1032,["onClick"])))),128))])),_:1})])),_:1},8,["style"]),i(k,{class:"ui-tabbar-box",style:d([{opacity:R.tabOpacityVal}])},{default:n((()=>[i(k,{class:"ui-tabbar ss-flex ss-col-center ss-row-between"},{default:n((()=>[i(k,{class:"ss-flex ss-col-center ss-row-between"},{default:n((()=>[T.collectIcon?(o(),r(k,{key:0,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:P},{default:n((()=>[T.modelValue.favorite?(o(),r(j,{key:0,class:"item-icon",src:u(e).$url.static("/static/images/collect_1.gif"),mode:"aspectFit"},null,8,["src"])):(o(),r(j,{key:1,class:"item-icon",src:u(e).$url.static("/static/images/collect_0.png"),mode:"aspectFit"},null,8,["src"]))])),_:1})):w("",!0),T.shareIcon?(o(),r(k,{key:1,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:u(v)},{default:n((()=>[i(j,{class:"item-icon",src:u(e).$url.static("/static/images/share.png"),mode:"aspectFit"},null,8,["src"])])),_:1},8,["onClick"])):w("",!0)])),_:1})])),_:1})])),_:1},8,["style"])])),_:1},8,["style"])])),_:1})}}},[["__scopeId","data-v-ddee6211"]]),P=N({__name:"detail-cell",props:{label:{type:String,default:""},value:{type:String,default:""}},emits:["click"],setup(e,{emit:s}){const t=()=>{s("click")};return(s,a)=>{const l=C,c=I,d=T;return o(),r(l,{class:"detail-cell-wrap ss-flex ss-col-center ss-row-between",onClick:t},{default:n((()=>[i(l,{class:"label-text"},{default:n((()=>[_(x(e.label),1)])),_:1}),i(l,{class:"cell-content ss-line-1 ss-flex-1"},{default:n((()=>[_(x(e.value),1)])),_:1}),i(d,{class:"ss-reset-button"},{default:n((()=>[i(c,{class:"_icon-forward right-forwrad-icon"})])),_:1})])),_:1})}}},[["__scopeId","data-v-bbef138a"]]),U={__name:"detail-cell-sku",props:{modelValue:{type:Array,default:()=>[]},sku:{type:Object}},setup(e){const s=e,t=j((()=>{var e;if(!(null==(e=s.sku)?void 0:e.id))return"请选择商品规格";let t="";return s.sku.properties.forEach((e=>{t+=e.propertyName+":"+e.valueName+" "})),t}));return(e,s)=>(o(),r(P,{label:"选择",value:u(t)},null,8,["value"]))}},z=""+new URL("index-53a28843.png",import.meta.url).href,G=""+new URL("cart-ed457535.png",import.meta.url).href,q=N({__name:"detail-tabbar",props:{modelValue:{type:Object,default(){}},bg:{type:String,default:"bg-white"},bgStyles:{type:Object,default(){}},ui:{type:String,default:""},noFixed:{type:Boolean,default:!1},topRadius:{type:Number,default:0},collectIcon:{type:Boolean,default:!0},serviceIcon:{type:Boolean,default:!0},shareIcon:{type:Boolean,default:!0}},setup(t){s({});const a=()=>{e.$router.go("/pages/index/index")};return(s,d)=>{const f=V,m=C,b=l(c("su-fixed"),B);return o(),r(b,{bottom:"",placeholder:"",bg:"bg-white"},{default:n((()=>[i(m,{class:"ui-tabbar-box"},{default:n((()=>[i(m,{class:"ui-tabbar ss-flex ss-col-center ss-row-between"},{default:n((()=>[t.serviceIcon?(o(),r(m,{key:0,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:a},{default:n((()=>[i(f,{class:"item-icon",src:z,mode:"aspectFit"}),i(m,{class:"item-title"},{default:n((()=>[_("首页")])),_:1})])),_:1})):w("",!0),t.shareIcon?(o(),r(m,{key:1,class:"detail-tabbar-item ss-flex ss-flex-col ss-row-center ss-col-center",onClick:d[0]||(d[0]=s=>{u(e).$router.go("/pages/index/cart")})},{default:n((()=>[i(f,{class:"item-icon",src:G,mode:"aspectFit"}),i(m,{class:"item-title"},{default:n((()=>[_("购物车")])),_:1})])),_:1})):w("",!0),L(s.$slots,"default",{},void 0,!0)])),_:3})])),_:3})])),_:3})}}},[["__scopeId","data-v-1e6b0a81"]]),D=N({__name:"detail-skeleton",setup(s){const t=j((()=>e.$store("sys")));return(e,s)=>{const a=C,d=T,f=l(c("su-fixed"),B);return o(),r(a,{class:p(["skeleton-wrap",["theme-"+u(t).mode,"main-"+u(t).theme,"font-"+u(t).fontSize]])},{default:n((()=>[i(a,{class:"skeleton-banner"}),i(a,{class:"container-box"},{default:n((()=>[i(a,{class:"container-box-strip title ss-m-b-58"}),i(a,{class:"container-box-strip ss-m-b-20"}),i(a,{class:"container-box-strip ss-m-b-20"}),i(a,{class:"container-box-strip w-364"})])),_:1}),i(a,{class:"container-box"},{default:n((()=>[i(a,{class:"ss-flex ss-row-between ss-m-b-34"},{default:n((()=>[i(a,{class:"container-box-strip w-380"}),i(a,{class:"circle"})])),_:1}),i(a,{class:"ss-flex ss-row-between ss-m-b-34"},{default:n((()=>[i(a,{class:"container-box-strip w-556"}),i(a,{class:"circle"})])),_:1}),i(a,{class:"ss-flex ss-row-between"},{default:n((()=>[i(a,{class:"container-box-strip w-556"}),i(a,{class:"circle"})])),_:1})])),_:1}),i(a,{class:"container-box"},{default:n((()=>[i(a,{class:"container-box-strip w-198 ss-m-b-42"}),i(a,{class:"ss-flex"},{default:n((()=>[i(a,{class:"circle ss-m-r-12"}),i(a,{class:"container-box-strip w-252"})])),_:1})])),_:1}),i(f,{bottom:"",placeholder:"",bg:"bg-white"},{default:n((()=>[i(a,{class:"ui-tabbar-box"},{default:n((()=>[i(a,{class:"foot ss-flex ss-col-center"},{default:n((()=>[i(a,{class:"ss-m-r-54 ss-m-l-32"},{default:n((()=>[i(a,{class:"rec ss-m-b-8"}),i(a,{class:"oval"})])),_:1}),i(a,{class:"ss-m-r-54"},{default:n((()=>[i(a,{class:"rec ss-m-b-8"}),i(a,{class:"oval"})])),_:1}),i(a,{class:"ss-m-r-50"},{default:n((()=>[i(a,{class:"rec ss-m-b-8"}),i(a,{class:"oval"})])),_:1}),i(d,{class:"ss-reset-button add-btn ui-Shadow-Main"}),i(d,{class:"ss-reset-button buy-btn ui-Shadow-Main"})])),_:1})])),_:1})])),_:1})])),_:1},8,["class"])}}},[["__scopeId","data-v-bdd30749"]]),J=N({__name:"detail-comment-card",props:{goodsId:{type:[Number,String],default:0}},setup(t){const a=t,d=s({commentList:[],total:0});return S((()=>{!async function(e){const{data:s}=await E.getCommentPage(e,1,3,0);d.commentList=s.list,d.total=s.total}(a.goodsId)})),(s,a)=>{const p=C,y=T,g=I,v=l(c("s-empty"),R);return o(),r(p,{class:"detail-comment-card bg-white"},{default:n((()=>[i(p,{class:"card-header ss-flex ss-col-center ss-row-between ss-p-b-30"},{default:n((()=>[i(p,{class:"ss-flex ss-col-center"},{default:n((()=>[i(p,{class:"line"}),i(p,{class:"title ss-m-l-20 ss-m-r-10"},{default:n((()=>[_("评价")])),_:1}),i(p,{class:"des"},{default:n((()=>[_("("+x(d.total)+")",1)])),_:1})])),_:1}),d.commentList.length>0?(o(),r(p,{key:0,class:"ss-flex ss-col-center",onClick:a[0]||(a[0]=s=>u(e).$router.go("/pages/goods/comment/list",{id:t.goodsId}))},{default:n((()=>[i(y,{class:"ss-reset-button more-btn"},{default:n((()=>[_("查看全部")])),_:1}),i(g,{class:"cicon-forward"})])),_:1})):w("",!0)])),_:1}),i(p,{class:"card-content"},{default:n((()=>[(o(!0),f(m,null,b(d.commentList,(e=>(o(),r(p,{class:"comment-box ss-p-y-30",key:e.id},{default:n((()=>[i(A,{item:e},null,8,["item"])])),_:2},1024)))),128)),0===d.commentList.length?(o(),r(v,{key:0,paddingTop:"0",icon:"/static/comment-empty.png",text:"期待您的第一个评价"})):w("",!0)])),_:1})])),_:1})}}},[["__scopeId","data-v-7aab3387"]]),K=N({__name:"detail-content-card",props:{content:{type:String,default:""}},setup:s=>(e.$platform.device,(e,t)=>{const a=C,d=l(c("mp-html"),H);return o(),r(a,{class:"detail-content-card bg-white ss-m-x-20 ss-p-t-20"},{default:n((()=>[i(a,{class:"card-header ss-flex ss-col-center ss-m-b-30 ss-m-l-20"},{default:n((()=>[i(a,{class:"line"}),i(a,{class:"title ss-m-l-20 ss-m-r-20"},{default:n((()=>[_("详情")])),_:1})])),_:1}),i(a,{class:"card-content"},{default:n((()=>[i(d,{content:s.content},null,8,["content"])])),_:1})])),_:1})})},[["__scopeId","data-v-bef00128"]]);export{U as _,D as a,J as b,K as c,M as d,q as e};