xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/ConfirmOrder/components/GoodsInfo/index.wxss

@@ -0,0 +1,153 @@
+.goods-info-wrapper {
+  margin-bottom: 18rpx;
+  background: #fff;
+}
+.goods-info-wrapper .goods-info {
+  padding: 32rpx;
+}
+.goods-info-wrapper .goods-info .shop-title {
+  display: flex;
+  align-items: center;
+}
+.goods-info-wrapper .goods-info .shop-title .shop-img {
+  width: 32rpx;
+  height: 32rpx;
+  margin-right: 16rpx;
+}
+.goods-info-wrapper .goods-info .shop-title .shop-name {
+  font-size: 28rpx;
+}
+.goods-info-wrapper .goods-info .goods-wrapper {
+  display: flex;
+  margin-top: 32rpx;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail {
+  position: relative;
+  flex: 0 0 180rpx;
+  height: 180rpx;
+  border-radius: 0.08rem;
+  border: 2rpx solid #e5e5e5;
+  overflow: hidden;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .goods-type {
+  position: absolute;
+  right: 8rpx;
+  bottom: 8rpx;
+  text-size-adjust: none;
+  font-size: 20rpx;
+  background: rgba(51, 51, 51, 0.6);
+  color: #ffffff !important;
+  padding: 8rpx;
+  border-radius: 4rpx;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 2rpx 8rpx;
+  background: linear-gradient(315deg, #333333 0%, #525252 68%, #333333 100%);
+  border-radius: 8rpx 0px 8rpx 0px;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-thumbnail .svip-tag-text {
+  font-size: 20rpx;
+  text-size-adjust: none;
+  color: #ffc266;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail {
+  flex: 1;
+  margin-left: 24rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+  padding: 0;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  word-break: break-all;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-tag {
+  margin-right: 4rpx;
+  white-space: nowrap;
+  color: #1472FF;
+  border: 2rpx solid #1472FF;
+  padding: 0 8rpx;
+  border-radius: 4rpx;
+  background-color: #fff;
+  top: -4rpx;
+  position: relative;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-title .goods-name {
+  font-size: 28rpx;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-specification {
+  margin-top: 12rpx;
+  height: 36rpx;
+  color: #999;
+  word-break: break-all;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  margin-top: 12rpx;
+  width: 100%;
+  color: #999;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-pay-info {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit {
+  margin-bottom: 16rpx;
+  display: flex;
+  font-size: 24rpx;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-blue {
+  border: #1472FF 0.02rem solid;
+  color: #1472ff;
+  padding: 0 8rpx;
+  margin-right: 8rpx;
+  border-radius: 4rpx;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-limit .border-orange {
+  border: #ff781f 2rpx solid;
+  color: #ff781f;
+  padding: 0 8rpx;
+  border-radius: 4rpx;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-price {
+  display: inline-block;
+  margin-right: 8rpx;
+  margin-bottom: 0;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tags {
+  display: inline-block;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag {
+  display: inline-block;
+  padding: 2rpx 12rpx;
+  font-size: 20rpx;
+  border-radius: 20rpx;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag + .goods-tag {
+  margin-left: 8rpx;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.marketing-tag {
+  color: #ff781f;
+  background: #fff3eb;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-tag.send-friend {
+  color: #07c160;
+  border: 2rpx solid rgba(7, 193, 96, 0.5);
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter {
+  flex-shrink: 0;
+}
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-plus,
+.goods-info-wrapper .goods-info .goods-wrapper .goods-detail .goods-quantity .goods-counter .goods-minus {
+  background: none;
+}

package/miniprogram_dist/ConfirmOrder/components/Header/index.js

@@ -0,0 +1,50 @@
+// src/ConfirmOrder/components/Header/index.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    title: {
+      type: String,
+      value: "标题"
+    },
+    showBack: {
+      type: Boolean,
+      value: false
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    sheetInfo: {
+      // 确认订单弹框配置信息
+      title: "确认订单",
+      showClose: true,
+      showBack: false,
+    },
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    changeSheetInfo(val) {
+      this.setData({
+        sheetInfo: {
+          ...this.data.sheetInfo,
+          ...val
+        }
+      })
+    },
+    // 关闭
+    onClose() {
+      this.triggerEvent('onClose', {}, {})
+    },
+    // 返回
+    onBack() {
+      this.triggerEvent("backClick")
+    }
+  }
+})

package/miniprogram_dist/ConfirmOrder/components/Header/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "@vant/weapp/icon/index"
+  }
+}

package/miniprogram_dist/ConfirmOrder/components/Header/index.less

@@ -0,0 +1,31 @@
+.header-content {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: 96rpx;
+  width: 100%;
+  position: sticky;
+  top: 0;
+  left: 0;
+  background-color: #ffffff;
+  z-index: 2;
+
+  .header-back {
+    padding-left: 32rpx;
+
+    .img {
+      width: 32rpx;
+      height: 32rpx;
+    }
+  }
+
+  .header-close {
+    padding-right: 32rpx;
+
+    .img {
+      width: 32rpx;
+      height: 32rpx;
+    }
+  }
+}

package/miniprogram_dist/ConfirmOrder/components/Header/index.wxml

@@ -0,0 +1,10 @@
+<!--src/ConfirmOrder/components/Header/index.wxml-->
+<view class="header-content">
+  <view class="header-back">
+    <image src="../../../common/assets/images/left.png" class="img" bindtap="onBack" wx:if="{{ sheetInfo.showBack }}"></image>
+  </view>
+  <view class="header-title">{{ sheetInfo.title }}</view>
+  <view class="header-close">
+    <image class="img" src="../../../common/assets/images/close.png" bindtap="onClose" wx:if="{{ sheetInfo.showClose }}" ></image>
+  </view>
+</view>

package/miniprogram_dist/ConfirmOrder/components/Header/index.wxss

@@ -0,0 +1,27 @@
+.header-content {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  height: 96rpx;
+  width: 100%;
+  position: sticky;
+  top: 0;
+  left: 0;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.header-content .header-back {
+  padding-left: 32rpx;
+}
+.header-content .header-back .img {
+  width: 32rpx;
+  height: 32rpx;
+}
+.header-content .header-close {
+  padding-right: 32rpx;
+}
+.header-content .header-close .img {
+  width: 32rpx;
+  height: 32rpx;
+}

package/miniprogram_dist/ConfirmOrder/components/InfoCollect/index.js

@@ -0,0 +1,108 @@
+// src/ConfirmOrder/components/InfoCollect/index.js
+const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  behaviors: [computedBehavior],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    goodsInfo: {
+      type: Object,
+      value: () => {}
+    },
+    baseInfo: {
+      type: Object,
+      value: () => {}
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    infoCollectTitle: '',
+    needCollectBeforePay: false
+  },
+  computed: {
+    hasParams(data) {
+      return data.baseInfo?.id;
+    }
+  },
+  lifetimes: {
+    attached() {
+      // 初始信息采集未加载完/未填写时状态
+      this.triggerEvent('dataChange', {
+        name: 'infoCollect',
+        errMsg: 'disabled'
+      });
+    }
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    /**
+     * @description: 信息采集提交成功后的回调函数
+     * @param {Object} val 信息提交后台返回的特定id
+     */
+    onSaveInfoCollection(val) {
+      const ids = val.detail;
+      // ids 不为空对象，保存到 payParams
+      let idsArr = [];
+      for (let key in ids) {
+        if (ids[key]) {
+          idsArr.push(ids[key]);
+        }
+      }
+      if (idsArr.length > 0) {
+        idsArr.forEach((a, b) => a - b);
+        const infoCollectId = idsArr.join('_');
+        const data = {
+          name: 'infoCollect',
+          payParams: {
+            extend_attr: {
+              infoCollectId
+            }
+          }
+        }
+        this.triggerEvent('dataChange', data)
+      }
+    },
+    /**
+     * @description: 信息采集组件接口请求后的回调函数
+     * @param {boolean} isInfoCollectLoad 信息采集数据是否加载完毕
+     * @param {boolean} needCollectBeforePay 是否需要进行信息采集
+     */
+    onInfoCollectionLoaded(val) {
+      let isInfoCollectLoad = val.detail.hasInfoData
+      let needCollectBeforePay = val.detail.isNeedInfoCollection
+      this.setData({
+        needCollectBeforePay: needCollectBeforePay
+      })
+      if (isInfoCollectLoad && !needCollectBeforePay) {
+        // 信息采集数据填写完成
+        this.triggerEvent('dataChange', {
+          name: 'infoCollect',
+          errMsg: ''
+        });
+      } else {
+        setTimeout(() => {
+          this.triggerEvent('dataChange', {
+            name: 'infoCollect',
+            errMsg: `请先填写${this.data.infoCollectTitle}`
+          });
+        }, 0)
+      }
+    },
+    /**
+     * @description: 获取信息采集的标题
+     * @param {string} title 信息采集标题
+     */
+    setToastTitle(val) {
+      this.setData({
+        infoCollectTitle: val.detail
+      })
+    },
+  }
+})

package/miniprogram_dist/ConfirmOrder/components/InfoCollect/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "info-collect": "mp-plugins-info-collection/index"
+  }
+}

package/miniprogram_dist/ConfirmOrder/components/InfoCollect/index.wxml

@@ -0,0 +1,13 @@
+<!--src/ConfirmOrder/components/InfoCollect/index.wxml-->
+<view class="info-collect-wrapper" wx:if="{{ hasParams }}">
+  <info-collect
+    fromType="1"
+    resourceId="{{ goodsInfo.resource_id }}"
+    spuId="{{ baseInfo.id }}"
+    resourceType="{{ baseInfo.resource_type }}"
+    scene="'buy_page'"
+    bind:onSaveInfoCollection="onSaveInfoCollection"
+    bind:onInfoCollectionLoaded="onInfoCollectionLoaded"
+    bind:getToastTitle="setToastTitle"
+  ></info-collect>
+</view>

package/miniprogram_dist/ConfirmOrder/components/InfoCollect/index.wxss

@@ -0,0 +1 @@
+/* src/ConfirmOrder/components/InfoCollect/index.wxss */

package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/componenets/integralTips/index.js

@@ -0,0 +1,85 @@
+// src/ConfirmOrder/components/IntegralSelect/componenets/integralTips/index.js
+import {
+  getRules
+} from "../../../../../common/api/confirmOrder"
+const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  behaviors: [computedBehavior],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    showTips: {
+      type: Boolean,
+      value: false
+    },
+    resourceType: {
+      type: String,
+      value: ""
+    }
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    dataContent: {}, //积分抵扣规则,
+    tipsList: [], //提示的文本
+  },
+  computed: {
+    //积分使用上限的文本
+    deductUseLimit(data) {
+      let desc = '';
+      switch (data.dataContent.deduct_use_limit_type) {
+        case 1:
+          desc = "无上限"
+          break;
+        case 2:
+          desc = `商品金额的${data.dataContent.deduct_use_limit_value}%`
+          break;
+        case 3:
+          desc = `每笔订单最多抵扣${data.dataContent.deduct_use_limit_value}元`
+          break;
+      }
+      return desc;
+    }
+  },
+  lifetimes: {
+    attached: function () {
+      this.initRules()
+    },
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 获取积分规则
+    initRules() {
+      getRules().then(res => {
+        if (res.data.code === 0) {
+          let allData = res.data.data
+          let tempArr = [
+            allData.deduct_order_money_min == 0 ?
+            `订单金额无门槛${this.resourceType == 21 ? '(不包含运费)' : ''}` :
+            `订单金额满${allData.deduct_order_money_min}元${this.resourceType == 21 ? '(不包含运费)' : ''}`,
+            allData.deduct_pay_limit_name.length == 0 ?
+            `可与优惠券、限时折扣、秒杀、拼团叠加使用` :
+            `不可与${allData.deduct_pay_limit_name.join("、")}叠加使用`,
+            `部分商品不支持抵现`
+          ]
+          this.setData({
+            dataContent: allData,
+            tipsList: tempArr
+          })
+        }
+      })
+    },
+    closeTips() {
+      this.setData({
+        showTips: false
+      })
+      this.triggerEvent("closeTips")
+    }
+  }
+})

package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/componenets/integralTips/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/componenets/integralTips/index.less

@@ -0,0 +1,64 @@
+.mask {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  left: 0;
+  top: 0;
+  background: rgba(51, 51, 51, 0.5);
+  z-index: 3;
+}
+
+.tips-container {
+  z-index: 4;
+  width: 590rpx;
+  border-radius: 24rpx;
+  background: #fff;
+  overflow: hidden;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  .text-container {
+    padding: 48rpx 32rpx;
+    box-sizing: border-box;
+
+    .tips-title {
+      font-size: 36rpx;
+      color: #333;
+      font-weight: 500;
+      width: 100%;
+      text-align: center;
+    }
+
+    .tips-content {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      text-align: left;
+
+      .content-title {
+        margin-top: 48rpx;
+        font-size: 28rpx;
+        color: #333;
+        font-weight: 500;
+      }
+
+      .content-text {
+        margin-top: 8rpx;
+        font-size: 28rpx;
+        color: #333;
+      }
+    }
+  }
+
+  .tips-btn {
+    border-top: 2rpx solid #eee;
+    padding: 26rpx 0;
+    width: 100%;
+    text-align: center;
+    font-size: 32rpx;
+    color: #105cfb;
+    font-weight: 500;
+  }
+}

package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/componenets/integralTips/index.wxml

@@ -0,0 +1,31 @@
+<!--src/ConfirmOrder/components/IntegralSelect/componenets/integralTips/index.wxml-->
+<view class="tips" wx:if="{{ showTips }}">
+  <!-- 遮罩 -->
+  <view class="mask" bindtap="closeTips"></view>
+  <!-- 内容 -->
+  <view class="tips-container">
+    <view class="text-container">
+      <view class="tips-title">积分使用说明</view>
+      <view class="tips-content">
+        <view class="content-title">使用条件：</view>
+        <view class="content-text" wx:for="{{ tipsList }}" wx:key="key">
+          <text wx:if="{{ tipsList.length > 1 }}">{{ index + 1 }}. </text>
+          {{ item }}
+        </view>
+      </view>
+      <view class="tips-content" wx:if="{{ dataContent.deduct_redeem_radio }}">
+        <view class="content-title">使用数量：</view>
+        <view class="content-text">
+          1. {{ dataContent.deduct_redeem_radio }}积分抵扣1元
+        </view>
+        <view class="content-text">
+          2. 使用积分数量为{{ dataContent.deduct_redeem_radio }}的整数倍
+        </view>
+        <view class="content-text">
+          3. 积分使用上限：{{ deductUseLimit }}
+        </view>
+      </view>
+    </view>
+    <view class="tips-btn" bindtap="closeTips">知道了</view>
+  </view>
+</view>

package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/componenets/integralTips/index.wxss

@@ -0,0 +1,57 @@
+.mask {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  left: 0;
+  top: 0;
+  background: rgba(51, 51, 51, 0.5);
+  z-index: 3;
+}
+.tips-container {
+  z-index: 4;
+  width: 590rpx;
+  border-radius: 24rpx;
+  background: #fff;
+  overflow: hidden;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.tips-container .text-container {
+  padding: 48rpx 32rpx;
+  box-sizing: border-box;
+}
+.tips-container .text-container .tips-title {
+  font-size: 36rpx;
+  color: #333;
+  font-weight: 500;
+  width: 100%;
+  text-align: center;
+}
+.tips-container .text-container .tips-content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
+}
+.tips-container .text-container .tips-content .content-title {
+  margin-top: 48rpx;
+  font-size: 28rpx;
+  color: #333;
+  font-weight: 500;
+}
+.tips-container .text-container .tips-content .content-text {
+  margin-top: 8rpx;
+  font-size: 28rpx;
+  color: #333;
+}
+.tips-container .tips-btn {
+  border-top: 2rpx solid #eee;
+  padding: 26rpx 0;
+  width: 100%;
+  text-align: center;
+  font-size: 32rpx;
+  color: #105cfb;
+  font-weight: 500;
+}

package/miniprogram_dist/ConfirmOrder/components/IntegralSelect/filter.wxs

@@ -0,0 +1,7 @@
+var toPrice = function (value) {
+  return (value / 100).toFixed(2)
+}
+
+module.exports = {
+  toPrice: toPrice
+}