xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

package/miniprogram_dist/PayComplete/Components/LeadGroup/index.js

@@ -0,0 +1,95 @@
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: conlinchen
+ * @Date: 2021-11-13 14:12:01
+ * @LastEditors: zongxinliu
+ * @LastEditTime: 2021-12-02 17:22:29
+ */
+// src/ConfirmOrder/components/LeadGroup/index.js
+
+import {
+  getLeadGroup,
+  getCartLeadGroup
+} from "../../../common/api/confirmOrder"
+
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    orderInfo: {
+      type: Object,
+      value: () => {},
+      observer(value){
+        this.loadData();
+      }
+    },
+    isCart: {
+      type: String,
+      value: ""
+    },
+    isAlive: {
+      type: Number,
+      value: 0,
+    },
+  },
+  lifetimes: {
+    attached(){
+      // this.loadData();
+    }
+  },
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    showPopup: true, // 是否主动弹出二维码弹窗
+    leadGroup: {
+      qr_code: "",
+      description: "",
+      title: "",
+      subscribe: false,
+    },
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+ // 请求引导入群的数据
+    async loadData() {
+      const { spu_id, resource_id, resource_type } = this.data.orderInfo;
+      const params = {
+        spuId: spu_id,
+        resourceId: resource_id,
+        resourceType: resource_type,
+      };
+      const result = this.data.isCart
+        ? await getCartLeadGroup()
+        : await getLeadGroup(params);
+        this.setData({
+          leadGroup: result.data.data
+        })
+    },
+    open() {
+      // TODO：埋点，直播当页支付暂不抽取
+      // 神策上报：点击立即扫码
+      // sensorsTrackButton({
+      //   page_id: 'c***xh541',
+      //   goods_id: this.$store.state.pay_complete.orderInfo.spu_id,
+      //   spu_type: this.$store.state.goods_detail.baseInfo.spu_type,
+      //   page_button: '立即扫码',
+      // });
+      this.setData({
+        showPopup: true
+      })
+      this.triggerEvent("open");
+    },
+    close() {
+      this.setData({
+        showPopup: false
+      })
+      this.triggerEvent("close");
+    },
+  }
+})

package/miniprogram_dist/PayComplete/Components/LeadGroup/index.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-popup": "@vant/weapp/popup/index",
+    "van-button": "@vant/weapp/button/index"
+  }
+}

package/miniprogram_dist/PayComplete/Components/LeadGroup/index.less

@@ -0,0 +1,38 @@
+.guide-container {
+  padding: 0 32rpx;
+
+  .lead-desc {
+    color: rgba(51, 51, 51, 1);
+    font-size: 32rpx;
+    font-weight: 600;
+    line-height: 48rpx;
+    margin-bottom: 32rpx;
+    text-align: center;
+  }
+
+  .lead-title {
+    color: rgba(51, 51, 51, 1);
+    font-size: 28rpx;
+    width: 100%;
+    text-align: center;
+    line-height: 20px;
+    margin-bottom: 32rpx;
+    text-align: center;
+  }
+
+  .lead-img {
+    width: 320rpx;
+    height: 320rpx;
+    display: flex;
+    margin: 0 auto;
+    margin-bottom: 16rpx;
+  }
+
+  .lead-tips {
+    color: rgba(153, 153, 153, 1);
+    font-size: 24rpx;
+    font-weight: 500;
+    text-align: center;
+    line-height: 32rpx;
+  }
+}

package/miniprogram_dist/PayComplete/Components/LeadGroup/index.wxml

@@ -0,0 +1,6 @@
+<view class="guide-container" wx:if="{{leadGroup.qr_code && !orderInfo.is_buy_gift}}">
+  <view class="lead-desc">{{ leadGroup.description }}</view>
+  <view class="lead-title">{{ leadGroup.title }}</view>
+  <image src="{{ leadGroup.qr_code }}" class="lead-img" show-menu-by-longpress="{{ true }}"></image>
+  <view class="lead-tips">长按二维码识别，或保存截图</view>
+</view>

package/miniprogram_dist/PayComplete/Components/LeadGroup/index.wxss

@@ -0,0 +1,33 @@
+.guide-container {
+  padding: 0 32rpx;
+}
+.guide-container .lead-desc {
+  color: #333333;
+  font-size: 32rpx;
+  font-weight: 600;
+  line-height: 48rpx;
+  margin-bottom: 32rpx;
+  text-align: center;
+}
+.guide-container .lead-title {
+  color: #333333;
+  font-size: 28rpx;
+  width: 100%;
+  line-height: 20px;
+  margin-bottom: 32rpx;
+  text-align: center;
+}
+.guide-container .lead-img {
+  width: 320rpx;
+  height: 320rpx;
+  display: flex;
+  margin: 0 auto;
+  margin-bottom: 16rpx;
+}
+.guide-container .lead-tips {
+  color: #999999;
+  font-size: 24rpx;
+  font-weight: 500;
+  text-align: center;
+  line-height: 32rpx;
+}

package/miniprogram_dist/PayComplete/Components/PayGifts/index.js

@@ -0,0 +1,130 @@
+// src/PayComplete/Components/PayGifts/index.js
+import {
+  getReceiveDetail
+} from "../../../common/api/payComplete"
+const computedBehavior = require('miniprogram-computed').behavior
+
+Component({
+  behaviors: [computedBehavior],
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    orderInfo: {
+      type: Object,
+      value: () => {},
+      observer(val) {
+        this.loadPayGift()
+      }
+    },
+    cart: {
+      type: Number,
+      value: 0,
+    },
+    isAlive: {
+      type: Number,
+      value: 0,
+    },
+    isShowAllGifts: {
+      type: Boolean,
+      default: false
+    },
+    aliveInfo: {
+      type: Object,
+      value: () => {},
+    },
+    ENV_NAME: {
+      type: String,
+      value: ""
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    payGiftData: {},
+    maxDisplayGiftsNumber: 3
+  },
+  computed: {
+    differCode(data) {
+      if (data.payGiftData?.right_type === 'redeem_code') {
+        return 1;
+      } else if (data.payGiftData?.right_type === 'promo_code') {
+        return 0;
+      }
+      return '';
+    },
+    isExceedMaxGiftsNumber(data) {
+      if (data.payGiftList) {
+        return data.payGiftList?.length > data.maxDisplayGiftsNumber;
+      }
+      return false
+    },
+    payGiftList(data) {
+      const payGiftMap = {};
+      JSON.stringify(data.payGiftData) != "{}" && data.payGiftData?.list.forEach((item) => {
+        if (!payGiftMap[item.right_type]) {
+          payGiftMap[item.right_type] = [];
+        }
+        payGiftMap[item.right_type].push(item);
+      });
+      const couponList = payGiftMap.coupon || [];
+      const promoCodeList = payGiftMap.promo_code || [];
+      const redeemCodeList = payGiftMap.redeem_code || [];
+      // 排序: 优惠券 > 优惠码 > 兑换码
+      return [...couponList, ...promoCodeList, ...redeemCodeList];
+    },
+    payGiftShow(data) {
+      return data.payGiftList.length > 0;
+    }
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 获取支付有礼内容
+    loadPayGift() {
+      let params = {
+        permit_id: this.data.orderInfo.order_id
+      }
+      getReceiveDetail(params).then(res => {
+        if (res.data.code === 0) {
+          this.setData({
+            payGiftData: res.data.data
+          })
+        }
+      })
+    },
+    gotoPagePayGift() {
+      console.log("gotoPagePayGift------");
+    },
+    /**
+     * 跳转至对应类型的页面
+     * type - 'coupon'，跳转至我的优惠券，'redeem_code'-兑换码
+     */
+    gotoPage(val) {
+      let type = val.currentTarget.dataset.type
+      let item = val.currentTarget.dataset.item
+      console.log("type: ", type);
+      console.log("item: ", item);
+      let ENV_NAME = this.data.ENV_NAME
+      console.log("ENV_NAME: ", ENV_NAME);
+      let search = ''
+      if (type === 'redeem_code') {
+        search = `?h5_url=https://${this.data.aliveInfo.app_id}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/redeem_code/redeem_index`
+      } else if (type === 'promo_code') {
+        search = `?h5_url=https://${this.data.aliveInfo.app_id}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/promo_code/center/${item.batch_id}`
+      } else if (type === 'all') {
+        let result = encodeURIComponent(`https://${this.data.aliveInfo.app_id}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/v1/goods/pay_gift?order_id=${this.data.orderInfo.order_id}`)
+        search = `?h5_url=${result}`
+      } else if (type === 'coupon') {
+        search = `?h5_url=https://${this.data.aliveInfo.app_id}.h5${ENV_NAME ? `.${ENV_NAME}` : '' }.xiaoeknow.com/coupon/my_coupons`
+      }
+      wx &&
+        wx.navigateTo({
+          url: "/pages/goodsDetail/index" + search,
+        })
+    },
+  }
+})

package/miniprogram_dist/PayComplete/Components/PayGifts/index.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "CouponItem": "../CouponItem/index"
+  }
+}

package/miniprogram_dist/PayComplete/Components/PayGifts/index.less

@@ -0,0 +1,178 @@
+.pay-success-container {
+  .pay-gift-box {
+    margin-top: 56rpx;
+
+    .pay-gift-box-head {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 50rpx;
+      line-height: 50rpx;
+      color: #333;
+      font-size: 32rpx;
+
+      .left-line,
+      .right-line {
+        display: inline-block;
+        width: 172rpx;
+        height: 14rpx;
+        margin-right: 16rpx;
+        background-image: url("http://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/kf3n5jhl0l7pe0vak1er.png");
+        background-size: 100%;
+      }
+
+      .right-line {
+        margin: 0 0 0 16rpx;
+        background-image: url("http://wechatapppro-1252524126.file.myqcloud.com/appAKLWLitn7978/image/kf3n5jhl0wck8j80j0x.png");
+      }
+    }
+
+    .gift-summary {
+      display: flex;
+      border-radius: 16rpx;
+      border: 1rpx solid #ffc299;
+      color: #ffffff;
+      background: #ffffff;
+      font-size: 20rpx;
+      padding: 16rpx 32rpx 16rpx 16rpx;
+      box-sizing: border-box;
+      align-items: center;
+      justify-content: space-between;
+      margin: 24rpx auto;
+      width: 690rpx;
+      position: relative;
+
+      .img {
+        width: 104rpx;
+        height: 132rpx;
+        position: absolute;
+        right: 2rpx;
+      }
+
+      .gift-detail {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        width: 376rpx;
+        height: 112rpx;
+        padding: 24rpx 18rpx;
+        box-sizing: border-box;
+        background-image: url("data:image/png;base64,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");
+        background-size: contain;
+        background-repeat: no-repeat;
+
+        .title {
+          font-size: 24rpx;
+          font-weight: 500;
+        }
+
+        .desc {
+          font-size: 20rpx;
+          opacity: 0.8;
+        }
+      }
+
+      .btn-view {
+        background: #ff8205;
+        border-radius: 40rpx;
+        width: 128rpx;
+        height: 48rpx;
+        line-height: 48rpx;
+        font-size: 24rpx;
+        text-align: center;
+      }
+    }
+
+    .pay-gift-box-content {
+      margin-top: 8rpx;
+
+      .coupon-item {
+        margin-top: 24rpx;
+      }
+
+      .code-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin: 24rpx auto;
+        background: #fff6f0;
+        border: 2rpx solid #ffc299;
+        border-radius: 16rpx;
+        width: 686rpx;
+        height: 144rpx;
+      }
+
+      .code-item-info {
+        padding: 26rpx 0 26rpx 32rpx;
+
+        .tip {
+          height: 28rpx;
+          font-size: 20rpx;
+          font-weight: 400;
+          color: #b2b2b2;
+          line-height: 28rpx;
+          margin-top: 8rpx;
+        }
+      }
+
+      .code-item-content {
+        width: 422rpx;
+        height: 56rpx;
+        font-size: 40rpx;
+        font-weight: 600;
+        color: #ff8205;
+        line-height: 56rpx;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .code-btn {
+        width: 128rpx;
+        text-align: center;
+        height: 48rpx;
+        line-height: 48rpx;
+        background: #ff8205;
+        border-radius: 40rpx;
+        font-size: 20rpx;
+        margin-right: 32rpx;
+        color: #ffffff;
+      }
+    }
+
+    .couponState {
+      position: relative;
+      float: left;
+      width: 170rpx;
+      height: 100%;
+      border-bottom-left-radius: 8rpx;
+      border-top-left-radius: 8rpx;
+
+      .img {
+        width: 104rpx;
+        height: 132rpx;
+        position: absolute;
+        right: 0;
+      }
+
+      .getCouponBtn {
+        width: 128rpx;
+        height: 48rpx;
+        background: #ff8205;
+        border-radius: 40rpx;
+        position: absolute;
+        right: 15rpx;
+        top: 50%;
+        margin-top: -28rpx;
+        border-radius: 28rpx;
+        box-sizing: border-box;
+        color: #fff;
+        text-align: center;
+        line-height: 48rpx;
+        font-size: 24rpx;
+        font-weight: 500;
+      }
+    }
+  }
+}

package/miniprogram_dist/PayComplete/Components/PayGifts/index.wxml

@@ -0,0 +1,58 @@
+<!--src/PayComplete/Components/PayGifts/index.wxml-->
+<view class="pay-success-container" wx:if="{{ payGiftList.length }}">
+  <view class="pay-gift-box">
+    <view class="pay-gift-box-head">
+      <view class="left-line"></view>
+      恭喜您获得以下优惠礼包
+      <text class="right-line"></text>
+    </view>
+    <view class="gift-summary" wx:if="{{ !isShowAllGifts && isExceedMaxGiftsNumber }}">
+      <view class="gift-detail">
+        <view class="title">你已领取一个优惠礼包</view>
+        <view class="desc">内含{{ payGiftList.length }}个优惠权益</view>
+      </view>
+      <image src="../../../common/assets/images/coupon/has_receive.png" class="img"></image>
+      <!-- <view class="btn-view" bindtap="gotoPage" data-type="all">查看</view> -->
+    </view>
+    <view class="pay-gift-box-content" wx:else>
+      <view wx:for="{{ payGiftList }}" wx:key="key">
+        <view class="code-item" wx:if="{{ item.right_type === 'redeem_code' }}">
+          <view class="code-item-info">
+            <view class="code-item-content">
+              {{ item.redeem_code }}
+            </view>
+            <text class="tip">
+              长按复制兑换码 或 截图保存兑换码
+            </text>
+          </view>
+          <view class="code-btn" data-type="{{ item.right_type }}" data-item="{{ item }}" bindtap="gotoPage">
+            去兑换
+          </view>
+        </view>
+        <view class="code-item" wx:if="{{ item.right_type === 'promo_code' }}">
+          <view class="code-item-info">
+            <view class="code-item-content">
+              {{ item.promo_code }}
+            </view>
+            <text class="tip">
+              长按复制优惠码 或 截图保存优惠码
+            </text>
+          </view>
+          <view class="code-btn" data-type="{{ item.right_type }}" data-item="{{ item }}" bindtap="gotoPage">
+            去使用
+          </view>
+        </view>
+        <view class="coupon-item" wx:if="{{ item.right_type === 'coupon' }}">
+          <CouponItem item="{{ item }}">
+            <view class="couponState">
+              <image src="../../../common/assets/images/coupon/has_receive.png" class="img"></image>
+              <!-- <view class="getCouponBtn" data-type="{{ item.right_type }}" data-item="{{ item }}" bindtap="gotoPage">
+                查看
+              </view> -->
+            </view>
+          </CouponItem>
+        </view>
+      </view>
+    </view>
+  </view>
+</view>