{"version":3,"file":"s-groupon-block.js","sources":["../../../../../../src/sheep/components/s-groupon-block/s-groupon-block.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC9jb21wb25lbnRzL3MtZ3JvdXBvbi1ibG9jay9zLWdyb3Vwb24tYmxvY2sudnVl"],"sourcesContent":["<!-- 装修组件 - 拼团 -->\r\n<template>\r\n  <view>\r\n    <view\r\n      v-if=\"layoutType === 'threeCol'\"\r\n      class=\"goods-sm-box ss-flex ss-flex-wrap\"\r\n      :style=\"[{ margin: '-' + data.space + 'rpx' }]\"\r\n    >\r\n      <view\r\n        v-for=\"product in productList\"\r\n        class=\"goods-card-box\"\r\n        :key=\"product.id\"\r\n        :style=\"[{ padding: data.space + 'rpx' }]\"\r\n      >\r\n        <s-goods-column\r\n          class=\"goods-card\"\r\n          size=\"sm\"\r\n          :goodsFields=\"goodsFields\"\r\n          :tagStyle=\"badge\"\r\n          :data=\"product\"\r\n          :titleColor=\"data.fields.name?.color\"\r\n          :topRadius=\"data.borderRadiusTop\"\r\n          :bottomRadius=\"data.borderRadiusBottom\"\r\n          @click=\"sheep.$router.go('/modules/mall/goods/groupon', { id: props.data.activityId })\"\r\n        ></s-goods-column>\r\n      </view>\r\n    </view>\r\n    <!-- 样式2 一行一个 图片左 文案右 -->\r\n    <view class=\"goods-box\" v-if=\"layoutType === 'oneCol'\">\r\n      <view\r\n        class=\"goods-list\"\r\n        v-for=\"(product, index) in productList\"\r\n        :key=\"index\"\r\n        :style=\"[{ marginBottom: space + 'px' }]\"\r\n      >\r\n        <s-goods-column\r\n          class=\"goods-card\"\r\n          size=\"lg\"\r\n          :grouponTag=\"true\"\r\n          :goodsFields=\"goodsFields\"\r\n          :tagStyle=\"badge\"\r\n          :data=\"product\"\r\n          :titleColor=\"data.fields.name?.color\"\r\n          :subTitleColor=\"data.fields.introduction?.color\"\r\n          :topRadius=\"data.borderRadiusTop\"\r\n          :bottomRadius=\"data.borderRadiusBottom\"\r\n          @click=\"sheep.$router.go('/modules/mall/goods/groupon', { id: props.data.activityId })\"\r\n        >\r\n          <template v-slot:cart>\r\n            <button class=\"ss-reset-button cart-btn\" :style=\"[buyStyle]\">\r\n              {{ btnBuy?.type === 'text' ? btnBuy.text : '去拼团' }}\r\n            </button>\r\n          </template>\r\n        </s-goods-column>\r\n      </view>\r\n    </view>\r\n  </view>\r\n</template>\r\n\r\n<script setup>\r\n/**\r\n * 拼团\r\n */\r\nimport { computed, onMounted, reactive, ref } from 'vue'\r\nimport sheep from '@/sheep'\r\nimport SpuApi from '@/sheep/api/product/spu'\r\nimport CombinationApi from '@/sheep/api/promotion/combination'\r\n\r\n// 接收参数\r\nconst props = defineProps({\r\n  // 装修数据\r\n  data: {\r\n    type: Object,\r\n    default: () => ({}),\r\n  },\r\n  // 装修样式\r\n  styles: {\r\n    type: Object,\r\n    default: () => ({}),\r\n  },\r\n})\r\n\r\n// 设置相关信息是否显示\r\nconst goodsFields = reactive({\r\n  // 商品价格\r\n  price: { show: true },\r\n  // 库存\r\n  stock: { show: true },\r\n  // 商品名称\r\n  name: { show: true },\r\n  // 商品介绍\r\n  introduction: { show: true },\r\n  // 市场价\r\n  marketPrice: { show: true },\r\n  // 销量\r\n  salesCount: { show: true },\r\n})\r\n\r\nconst { layoutType, badge, btnBuy, space } = props.data\r\nconst { marginLeft, marginRight } = props.styles\r\n\r\n// 购买按钮样式（暂未实现）\r\nconst buyStyle = computed(() => {\r\n  const btnBuy = props.data.btnBuy\r\n  if (btnBuy?.type === 'text') {\r\n    return {\r\n      background: `linear-gradient(to right, ${btnBuy.bgBeginColor}, ${btnBuy.bgEndColor})`,\r\n    }\r\n  }\r\n\r\n  if (btnBuy?.type === 'img') {\r\n    return {\r\n      width: '54rpx',\r\n      height: '54rpx',\r\n      background: `url(${sheep.$url.cdn(btnBuy.imgUrl)}) no-repeat`,\r\n      backgroundSize: '100% 100%',\r\n    }\r\n  }\r\n})\r\n\r\nconst productList = ref([])\r\nonMounted(async () => {\r\n  // todo：@owen 与Yudao结构不一致，待重构\r\n  const { data: activity } = await CombinationApi.getCombinationActivity(props.data.activityId)\r\n  const { data: spu } = await SpuApi.getSpuDetail(activity.spuId)\r\n  // 循环活动信息，赋值拼团最低价格\r\n  activity.products.forEach((product) => {\r\n    spu.price = Math.min(spu.price, product.combinationPrice) // 设置 SPU 的最低价格\r\n  })\r\n  productList.value = [spu]\r\n})\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n.goods-list {\r\n  position: relative;\r\n\r\n  .cart-btn {\r\n    position: absolute;\r\n    bottom: 10rpx;\r\n    right: 20rpx;\r\n    z-index: 11;\r\n    height: 50rpx;\r\n    line-height: 50rpx;\r\n    padding: 0 20rpx;\r\n    border-radius: 25rpx;\r\n    font-size: 24rpx;\r\n    color: #fff;\r\n    background: linear-gradient(90deg, #ff6600 0%, #fe832a 100%);\r\n  }\r\n}\r\n\r\n.goods-list {\r\n  &:nth-last-of-type(1) {\r\n    margin-bottom: 0 !important;\r\n  }\r\n}\r\n\r\n.goods-sm-box {\r\n  margin: 0 auto;\r\n  box-sizing: border-box;\r\n\r\n  .goods-card-box {\r\n    flex-shrink: 0;\r\n    overflow: hidden;\r\n    width: 33.3%;\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n</style>\r\n","import Component from 'D:/App/Work/addr/acdr-ui/src/sheep/components/s-groupon-block/s-groupon-block.vue'\nwx.createComponent(Component)"],"names":["reactive","computed","btnBuy","sheep","ref","onMounted","CombinationApi","SpuApi"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,UAAM,QAAQ;AAcd,UAAM,cAAcA,cAAAA,SAAS;AAAA;AAAA,MAE3B,OAAO,EAAE,MAAM,KAAM;AAAA;AAAA,MAErB,OAAO,EAAE,MAAM,KAAM;AAAA;AAAA,MAErB,MAAM,EAAE,MAAM,KAAM;AAAA;AAAA,MAEpB,cAAc,EAAE,MAAM,KAAM;AAAA;AAAA,MAE5B,aAAa,EAAE,MAAM,KAAM;AAAA;AAAA,MAE3B,YAAY,EAAE,MAAM,KAAM;AAAA,IAC5B,CAAC;AAED,UAAM,EAAE,YAAY,OAAO,QAAQ,MAAO,IAAG,MAAM;AACf,UAAM;AAG1C,UAAM,WAAWC,cAAQ,SAAC,MAAM;AAC9B,YAAMC,UAAS,MAAM,KAAK;AAC1B,WAAIA,WAAA,gBAAAA,QAAQ,UAAS,QAAQ;AAC3B,eAAO;AAAA,UACL,YAAY,6BAA6BA,QAAO,YAAY,KAAKA,QAAO,UAAU;AAAA,QACnF;AAAA,MACF;AAED,WAAIA,WAAA,gBAAAA,QAAQ,UAAS,OAAO;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,YAAY,OAAOC,kBAAM,KAAK,IAAID,QAAO,MAAM,CAAC;AAAA,UAChD,gBAAgB;AAAA,QACjB;AAAA,MACF;AAAA,IACH,CAAC;AAED,UAAM,cAAcE,cAAG,IAAC,EAAE;AAC1BC,kBAAAA,UAAU,MAAY;AAEpB,YAAM,EAAE,MAAM,aAAa,MAAMC,gCAAc,eAAC,uBAAuB,MAAM,KAAK,UAAU;AAC5F,YAAM,EAAE,MAAM,IAAK,IAAG,MAAMC,sBAAAA,OAAO,aAAa,SAAS,KAAK;AAE9D,eAAS,SAAS,QAAQ,CAAC,YAAY;AACrC,YAAI,QAAQ,KAAK,IAAI,IAAI,OAAO,QAAQ,gBAAgB;AAAA,MAC5D,CAAG;AACD,kBAAY,QAAQ,CAAC,GAAG;AAAA,IAC1B,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjID,GAAG,gBAAgB,SAAS;"}