{"version":3,"file":"cart.js","sources":["../../../../../../src/modules/mall/index/cart.vue","../../../../../../uniPage:/bW9kdWxlcy9tYWxsL2luZGV4L2NhcnQudnVl"],"sourcesContent":["<template>\r\n  <s-layout title=\"购物车\" tabbar=\"/modules/mall/index/cart\" :bgStyle=\"{ color: '#fff' }\">\r\n    <s-empty\r\n      v-if=\"state.list.length === 0\"\r\n      text=\"购物车空空如也,快去逛逛吧~\"\r\n      icon=\"/static/cart-empty.png\"\r\n    />\r\n\r\n    <!-- 头部 -->\r\n    <view class=\"cart-box ss-flex ss-flex-col ss-row-between\" v-if=\"state.list.length\">\r\n      <view class=\"cart-header ss-flex ss-col-center ss-row-between ss-p-x-30\">\r\n        <view class=\"header-left ss-flex ss-col-center ss-font-26\">\r\n          共\r\n          <text class=\"goods-number ui-TC-Main ss-flex\">{{ state.list.length }}</text>\r\n          件商品\r\n        </view>\r\n        <view class=\"header-right\">\r\n          <button v-if=\"state.editMode\" class=\"ss-reset-button\" @tap=\"state.editMode = false\">\r\n            取消\r\n          </button>\r\n          <button v-else class=\"ss-reset-button ui-TC-Main\" @tap=\"state.editMode = true\">\r\n            编辑\r\n          </button>\r\n        </view>\r\n      </view>\r\n      <!-- 内容 -->\r\n      <view class=\"cart-content ss-flex-1 ss-p-x-30 ss-m-b-40\">\r\n        <view class=\"goods-box ss-r-10 ss-m-b-14\" v-for=\"item in state.list\" :key=\"item.id\">\r\n          <view class=\"ss-flex ss-col-center\">\r\n            <label class=\"check-box ss-flex ss-col-center ss-p-l-10\" @tap=\"onSelectSingle(item.id)\">\r\n              <radio\r\n                :checked=\"state.selectedIds.includes(item.id)\"\r\n                color=\"var(--ui-BG-Main)\"\r\n                style=\"transform: scale(0.8)\"\r\n                @tap.stop=\"onSelectSingle(item.id)\"\r\n              />\r\n            </label>\r\n            <s-goods-item\r\n              :title=\"item.spu.name\"\r\n              :img=\"item.spu.picUrl || item.goods.image\"\r\n              :price=\"item.sku.price\"\r\n              :skuText=\"\r\n                item.sku.properties.length > 1\r\n                  ? item.sku.properties.reduce(\r\n                      (items2, items) => items2.valueName + ' ' + items.valueName,\r\n                    )\r\n                  : item.sku.properties[0].valueName\r\n              \"\r\n              priceColor=\"#FF3000\"\r\n              :titleWidth=\"400\"\r\n            >\r\n              <template v-if=\"!state.editMode\" v-slot:tool>\r\n                <su-number-box\r\n                  :min=\"0\"\r\n                  :max=\"item.sku.stock\"\r\n                  :step=\"1\"\r\n                  v-model=\"item.count\"\r\n                  @change=\"onNumberChange($event, item)\"\r\n                />\r\n              </template>\r\n            </s-goods-item>\r\n          </view>\r\n        </view>\r\n      </view>\r\n      <!-- 底部 -->\r\n      <su-fixed bottom :val=\"48\" placeholder v-if=\"state.list.length > 0\" :isInset=\"false\">\r\n        <view class=\"cart-footer ss-flex ss-col-center ss-row-between ss-p-x-30 border-bottom\">\r\n          <view class=\"footer-left ss-flex ss-col-center\">\r\n            <label class=\"check-box ss-flex ss-col-center ss-p-r-30\" @tap=\"onSelectAll\">\r\n              <radio\r\n                :checked=\"state.isAllSelected\"\r\n                color=\"var(--ui-BG-Main)\"\r\n                style=\"transform: scale(0.8)\"\r\n                @tap.stop=\"onSelectAll\"\r\n              />\r\n              <view class=\"ss-m-l-8\">全选</view>\r\n            </label>\r\n            <text>合计：</text>\r\n            <view class=\"text-price price-text\">\r\n              {{ fen2yuan(state.totalPriceSelected) }}\r\n            </view>\r\n          </view>\r\n          <view class=\"footer-right\">\r\n            <button\r\n              v-if=\"state.editMode\"\r\n              class=\"ss-reset-button ui-BG-Main-Gradient pay-btn ui-Shadow-Main\"\r\n              @tap=\"onDelete\"\r\n            >\r\n              删除\r\n            </button>\r\n            <button\r\n              v-else\r\n              class=\"ss-reset-button ui-BG-Main-Gradient pay-btn ui-Shadow-Main\"\r\n              @tap=\"onConfirm\"\r\n            >\r\n              去结算\r\n              {{ state.selectedIds?.length ? `(${state.selectedIds.length})` : '' }}\r\n            </button>\r\n          </view>\r\n        </view>\r\n      </su-fixed>\r\n    </view>\r\n  </s-layout>\r\n</template>\r\n\r\n<script setup>\r\nimport sheep from '@/sheep'\r\nimport { computed, reactive } from 'vue'\r\nimport { fen2yuan } from '@/sheep/hooks/useGoods'\r\n\r\nconst sys_navBar = sheep.$platform.navbar\r\nconst cart = sheep.$store('cart')\r\n\r\nconst state = reactive({\r\n  editMode: false,\r\n  list: computed(() => cart.list),\r\n  selectedList: [],\r\n  selectedIds: computed(() => cart.selectedIds),\r\n  isAllSelected: computed(() => cart.isAllSelected),\r\n  totalPriceSelected: computed(() => cart.totalPriceSelected),\r\n})\r\n\r\n// 单选选中\r\nfunction onSelectSingle(id) {\r\n  cart.selectSingle(id)\r\n}\r\n\r\n// 全选\r\nfunction onSelectAll() {\r\n  cart.selectAll(!state.isAllSelected)\r\n}\r\n\r\n// 结算\r\nfunction onConfirm() {\r\n  const items = []\r\n  const goods_list = []\r\n  state.selectedList = state.list.filter((item) => state.selectedIds.includes(item.id))\r\n  state.selectedList.map((item) => {\r\n    // 此处前端做出修改\r\n    items.push({\r\n      skuId: item.sku.id,\r\n      count: item.count,\r\n      cartId: item.id,\r\n      categoryId: item.spu.categoryId,\r\n    })\r\n    goods_list.push({\r\n      // goods_id: item.goods_id,\r\n      goods_id: item.spu.id,\r\n      // goods_num: item.goods_num,\r\n      goods_num: item.count,\r\n      // 商品价格id真没有\r\n      // goods_sku_price_id: item.goods_sku_price_id,\r\n    })\r\n  })\r\n  // return;\r\n  if (goods_list.length === 0) {\r\n    sheep.$helper.toast('请选择商品')\r\n    return\r\n  }\r\n  sheep.$router.go('/modules/mall/order/confirm', {\r\n    data: JSON.stringify({\r\n      items,\r\n    }),\r\n  })\r\n}\r\n\r\nfunction onNumberChange(e, cartItem) {\r\n  if (e === 0) {\r\n    cart.delete(cartItem.id)\r\n    return\r\n  }\r\n  if (cartItem.goods_num === e) return\r\n  cartItem.goods_num = e\r\n  cart.update({\r\n    goods_id: cartItem.id,\r\n    goods_num: e,\r\n    goods_sku_price_id: cartItem.goods_sku_price_id,\r\n  })\r\n}\r\nasync function onDelete() {\r\n  cart.delete(state.selectedIds)\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n \r\n \r\n:deep(.ui-fixed) {\r\n  height: 72rpx;\r\n}\r\n\r\n.cart-box {\r\n  width: 100%;\r\n\r\n  .cart-header {\r\n    position: fixed;\r\n    top: v-bind('sys_navBar') rpx;\r\n    left: 0;\r\n    z-index: 1000;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n    height: 70rpx;\r\n    background-color: #f6f6f6;\r\n  }\r\n\r\n  .cart-footer {\r\n    height: 100rpx;\r\n    background-color: #fff;\r\n\r\n    .pay-btn {\r\n      width: 180rpx;\r\n      height: 70rpx;\r\n      font-size: 28rpx;\r\n      font-weight: 500;\r\n      line-height: 28rpx;\r\n      border-radius: 40rpx;\r\n    }\r\n  }\r\n\r\n  .cart-content {\r\n    margin-top: 70rpx;\r\n\r\n    .goods-box {\r\n      background-color: #fff;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import MiniProgramPage from 'D:/App/Work/addr/acdr-ui/src/modules/mall/index/cart.vue'\nwx.createPage(MiniProgramPage)"],"names":["sheep","reactive","computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8GA,UAAA,aAAAA,YAAAA,MAAA,UAAA;AACA,UAAA,OAAAA,YAAAA,MAAA,OAAA,MAAA;AAEA,UAAA,QAAAC,cAAAA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,MAAAC,cAAA,SAAA,MAAA,KAAA,IAAA;AAAA,MACA,cAAA,CAAA;AAAA,MACA,aAAAA,cAAA,SAAA,MAAA,KAAA,WAAA;AAAA,MACA,eAAAA,cAAA,SAAA,MAAA,KAAA,aAAA;AAAA,MACA,oBAAAA,cAAA,SAAA,MAAA,KAAA,kBAAA;AAAA,IACA,CAAA;AAGA,aAAA,eAAA,IAAA;AACA,WAAA,aAAA,EAAA;AAAA,IACA;AAGA,aAAA,cAAA;AACA,WAAA,UAAA,CAAA,MAAA,aAAA;AAAA,IACA;AAGA,aAAA,YAAA;AACA,YAAA,QAAA,CAAA;AACA,YAAA,aAAA,CAAA;AACA,YAAA,eAAA,MAAA,KAAA,OAAA,CAAA,SAAA,MAAA,YAAA,SAAA,KAAA,EAAA,CAAA;AACA,YAAA,aAAA,IAAA,CAAA,SAAA;AAEA,cAAA,KAAA;AAAA,UACA,OAAA,KAAA,IAAA;AAAA,UACA,OAAA,KAAA;AAAA,UACA,QAAA,KAAA;AAAA,UACA,YAAA,KAAA,IAAA;AAAA,QACA,CAAA;AACA,mBAAA,KAAA;AAAA;AAAA,UAEA,UAAA,KAAA,IAAA;AAAA;AAAA,UAEA,WAAA,KAAA;AAAA;AAAA;AAAA,QAGA,CAAA;AAAA,MACA,CAAA;AAEA,UAAA,WAAA,WAAA,GAAA;AACAF,0BAAA,QAAA,MAAA,OAAA;AACA;AAAA,MACA;AACAA,wBAAA,QAAA,GAAA,+BAAA;AAAA,QACA,MAAA,KAAA,UAAA;AAAA,UACA;AAAA,QACA,CAAA;AAAA,MACA,CAAA;AAAA,IACA;AAEA,aAAA,eAAA,GAAA,UAAA;AACA,UAAA,MAAA,GAAA;AACA,aAAA,OAAA,SAAA,EAAA;AACA;AAAA,MACA;AACA,UAAA,SAAA,cAAA;AAAA;AACA,eAAA,YAAA;AACA,WAAA,OAAA;AAAA,QACA,UAAA,SAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA,SAAA;AAAA,MACA,CAAA;AAAA,IACA;AACA,aAAA,WAAA;AAAA;AACA,aAAA,OAAA,MAAA,WAAA;AAAA,MACA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpLA,GAAG,WAAW,eAAe;"}