xiaoe_mp_npm 0.2.2-beta1 → 0.2.2-beta2

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

@@ -0,0 +1,83 @@
+// src/ConfirmOrder/components/IntegralSelect/index.js
+Component({
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    prePayInfo: {
+      type: Object,
+      value: () => {},
+      observer(val) {
+        this.setData({
+          integralData: val && val['integral'] || ''
+        })
+      }
+    },
+    baseInfo: {
+      type: Object,
+      value: () => {},
+      observer(val) {
+        this.setData({
+          resourceType: val && Number(val['resource_type']) || '',
+        })
+      }
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    integralData: '',
+    resourceType: '',
+    isDeduced: 0, //是否使用积分抵扣
+    showTips: false //是否展示积分说明弹窗
+  },
+  observers: {
+    integralData(val) {
+      if (val) {
+        this.setData({
+          isDeduced: this.data.integralData.is_use_integral
+        })
+      }
+    }
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 打开/关闭弹窗提示
+    openTips() {
+      this.setData({
+        showTips: !this.data.showTips
+      })
+    },
+    // 是否使用积分抵扣
+    useDeduction() {
+      if (this.data.integralData.is_available) {
+        this.setData({
+          isDeduced: this.data.isDeduced == 0 ? 1 : 0
+        })
+        this.useIntegral(this.data.isDeduced)
+      } else {
+        this.setData({
+          isDeduced: this.data.isDeduced
+        })
+      }
+    },
+    // 点击积分组件按钮的回调
+    useIntegral(val) {
+      const data = {
+        name: 'integral',
+        payParams: {
+          is_use_integral: val, // 是否使用积分
+        },
+        prePayParams: {
+          is_use_integral: val, // 是否使用积分
+        },
+      };
+      console.log(data);
+      this.triggerEvent('dataChange', data);
+    },
+  }
+})

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

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-radio-group": "@vant/weapp/radio-group/index",
+    "van-radio": "@vant/weapp/radio/index",
+    "integralTips": "componenets/integralTips/index"
+  }
+}

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

@@ -0,0 +1,55 @@
+.integral-select {
+  padding: 0 32rpx;
+  background-color: #fff;
+
+  .integral-wrapper {
+    border-top: 1rpx solid #eee;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+    background: #fff;
+    height: 88rpx;
+
+    .left-text {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+
+      .title {
+        font-size: 28rpx;
+        color: #333;
+      }
+
+      .tips-icon {
+        width: 28rpx;
+        height: 28rpx;
+        margin-left: 8rpx;
+        color: #999;
+        padding-top: 2rpx;
+      }
+    }
+
+    .right-text {
+      display: flex;
+      align-items: center;
+
+      .current {
+        font-size: 28rpx;
+        color: #999;
+        margin-right: 16rpx
+      }
+
+      .discount {
+        font-size: 28rpx;
+        color: #ff8205;
+        margin-right: 16rpx;
+      }
+    }
+
+    .cannot-use {
+      font-size: 28rpx;
+      color: #c8c8c8;
+    }
+  }
+}

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

@@ -0,0 +1,27 @@
+<!--src/ConfirmOrder/components/IntegralSelect/index.wxml-->
+<wxs src="./filter.wxs" module="tools" />
+<view class="integral-select">
+  <view class="integral-wrapper" bindtap="useDeduction" wx:if="{{ integralData }}">
+    <view class="left-text">
+      <view class="title">积分</view>
+      <image src="../../../common/assets/images/tips.png" class="tips-icon" catchtap="openTips"></image>
+    </view>
+    <!-- 可以使用积分 -->
+    <view class="right-text" wx:if="{{ integralData.is_available }}">
+      <view class="current">使用{{ integralData.used_point }}积分</view>
+      <!-- 抵扣金额 -->
+      <view class="discount">-¥{{ tools.toPrice(integralData.discount_price) }}</view>
+      <!-- 是否勾选积分的开关图标 -->
+      <van-radio-group value="{{ isDeduced }}">
+        <van-radio icon-size="16px" name="{{ 1 }}" bind:change="useDeduction" checked-color="#ff8205" />
+      </van-radio-group>
+    </view>
+    <!-- 积分不可用时的提示文案 -->
+    <view wx:else class="cannot-use">{{ integralData.invalid_text }}</view>
+  </view>
+  <integralTips
+    showTips="{{ showTips }}"
+    resourceType="{{ resourceType }}"
+    bind:closeTips="openTips"
+  ></integralTips>
+</view>

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

@@ -0,0 +1,47 @@
+.integral-select {
+  padding: 0 32rpx;
+  background-color: #fff;
+}
+.integral-select .integral-wrapper {
+  border-top: 1rpx solid #eee;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+  background: #fff;
+  height: 88rpx;
+}
+.integral-select .integral-wrapper .left-text {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.integral-select .integral-wrapper .left-text .title {
+  font-size: 28rpx;
+  color: #333;
+}
+.integral-select .integral-wrapper .left-text .tips-icon {
+  width: 28rpx;
+  height: 28rpx;
+  margin-left: 8rpx;
+  color: #999;
+  padding-top: 2rpx;
+}
+.integral-select .integral-wrapper .right-text {
+  display: flex;
+  align-items: center;
+}
+.integral-select .integral-wrapper .right-text .current {
+  font-size: 28rpx;
+  color: #999;
+  margin-right: 16rpx;
+}
+.integral-select .integral-wrapper .right-text .discount {
+  font-size: 28rpx;
+  color: #ff8205;
+  margin-right: 16rpx;
+}
+.integral-select .integral-wrapper .cannot-use {
+  font-size: 28rpx;
+  color: #c8c8c8;
+}

package/miniprogram_dist/ConfirmOrder/components/Invoice/components/InvoiceSelect/index.js

@@ -0,0 +1,284 @@
+// src/ConfirmOrder/components/Invoice/components/InvoiceSelect/index.js
+import {
+  isEmptyObject
+} from "../../../../../common/utils/index"
+
+Component({
+  options: {
+    styleIsolation: 'shared',
+  },
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+    //是否显示发票选择器
+    showSelect: {
+      type: Boolean,
+      value: false,
+    },
+    payPrams: {
+      type: Object,
+      value: () => {},
+    },
+    shopConf: {
+      type: Object,
+      value: () => {},
+    },
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+    show: true, //是否显示发票选择组件
+    showTip: false, //是否显示发票须知
+    invoiceClassData: [], //发票类别显示内容信息
+    //发票类型信息
+    invoiceForm: [{
+        id: 1,
+        title: "企业",
+        showTaxNumber: true,
+        class: "active theme-customize-bg-light theme-customize-border",
+      },
+      {
+        id: 2,
+        title: "个人",
+        showTaxNumber: false,
+        class: ""
+      },
+    ], //发票类型信息
+    invoiceClass: [], //发票类别信息
+    showClass: true, //是否显示发票类别
+    eleFocus: "", //正在获取焦点的元素
+    invoiceContent: "",
+    invoiceMessage: {
+      invoiceHead: "", //发票抬头
+      taxNumber: "", //企业税号
+      invoiceType: 1, //发票类型
+      invoiceCategory: 1, //发票类别
+      invoiceEmail: "", //发票邮箱,
+      invoiceState: 0, //状态
+    }, //发票信息
+  },
+  lifetimes: {
+    attached: function () {
+      if (!isEmptyObject(this.data.shopConf)) {
+        this.onEnsureInvoiceClass();
+      }
+    },
+  },
+  observers: {
+    shopConf(val) {
+      this.onEnsureInvoiceClass();
+    }
+  },
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+    // 使用微信抬头
+    onUseWechat() {
+      let that = this
+      wx.chooseInvoiceTitle({
+        success(res) {
+          that.choiceType(Number(res.type) + 1)
+          that.setData({
+            ['invoiceMessage.invoiceHead']: res.title,
+            ['invoiceMessage.taxNumber']: res.taxNumber
+          })
+        }
+      })
+    },
+    showTips() {
+      this.setData({
+        showTip: !this.data.showTip
+      })
+    },
+    // 确定发票类别
+    onEnsureInvoiceClass() {
+      this.setData({
+        invoiceClassData: this.data.shopConf.invoice_type || []
+      })
+      const detail = this.data.invoiceClassData.includes("GOODS_DETAIL");
+      const cate = this.data.invoiceClassData.includes("GOODS_CATEGORY");
+      this.setData({
+        invoiceClass: []
+      })
+      let valData = this.data.invoiceClass
+      let result = []
+      if (cate) {
+        valData.push({
+          id: 1,
+          title: "商品类别",
+          class: "active theme-customize-border theme-customize-bg-light",
+        })
+        this.setData({
+          invoiceClass: valData
+        })
+      }
+      if (detail) {
+        valData.push({
+          id: 2,
+          title: "商品明细",
+          class: "active theme-customize-border theme-customize-bg-light",
+        })
+        this.setData({
+          invoiceClass: valData
+        })
+      }
+      switch (this.data.invoiceClass.length) {
+        case 2:
+          this.setData({
+            ["invoiceClass[1].class"]: "",
+            invoiceContent: "商品相关类别"
+          })
+          break;
+        case 1:
+          this.setData({
+            ["invoiceMessage.invoiceCategory"]: this.data.invoiceClass[0].id
+          })
+          if (this.data.invoiceClass[0].id === 1) {
+            this.setData({
+              invoiceContent: "商品相关类别"
+            })
+          } else {
+            this.setData({
+              invoiceContent: "详细商品"
+            })
+          }
+          break;
+        case 0:
+          this.setData({
+            showClass: false
+          })
+      }
+    },
+    // 检查输入格式
+    checkInput(val) {
+      let flag = true;
+      for (let item in val) {
+        switch (item) {
+          case "invoiceHead":
+            if (val[item] || val[item].length > 0) {
+              continue;
+            } else {
+              flag = "请填写发票抬头";
+              return flag;
+            }
+            case "taxNumber":
+              if (val.invoiceType === 2) {
+                continue;
+              } else if (val[item] || val[item].length > 0) {
+                continue;
+              } else {
+                flag = "请填写企业税号";
+                return flag;
+              }
+              case "invoiceEmail":
+                if (val[item] || val[item].length > 0) {
+                  if (
+                    /^[A-Za-z0-9]+([_.-][A-Za-z0-9]+)*@([A-Za-z0-9-]+\.)+[A-Za-z]{2,6}$/.test(
+                      val[item]
+                    )
+                  ) {
+                    continue;
+                  } else {
+                    flag = "请填写正确的邮箱";
+                    return flag;
+                  }
+                } else {
+                  flag = "请填写收票邮箱";
+                  return flag;
+                }
+                default:
+                  break;
+        }
+      }
+      return flag;
+    },
+    onSubmit() {
+      let flag = this.checkInput(this.data.invoiceMessage);
+      if (flag !== true) {
+        wx.showToast({
+          title: flag,
+          icon: "none",
+          duration: 2000
+        })
+      } else {
+        let that = this;
+        that.setData({
+          ["invoiceMessage.invoiceState"]: 1
+        })
+        that.triggerEvent("getInvoiceMsg", that.data.invoiceMessage)
+        that.triggerEvent("closeSelect")
+      }
+    },
+    // 选择发票类别
+    choiceClass(val) {
+      let id = val.currentTarget.dataset.item.id
+      if (this.data.invoiceMessage.invoiceCategory !== id) {
+        if (id == 1) {
+          this.setData({
+            ["invoiceClass[0].class"]: "active theme-customize-bg-light theme-customize-border",
+            ["invoiceClass[1].class"]: "",
+            invoiceContent: "商品相关类别"
+          })
+        } else {
+          this.setData({
+            ["invoiceClass[1].class"]: "active theme-customize-bg-light theme-customize-border",
+            ["invoiceClass[0].class"]: "",
+            invoiceContent: "详细商品"
+          })
+        }
+        this.setData({
+          ["invoiceMessage.invoiceCategory"]: id
+        })
+      }
+    },
+    //关闭发票选择器
+    onCloseInvoiceSelect() {
+      this.triggerEvent("closeSelect")
+    },
+    // 选择发票类型
+    choiceType(val) {
+      let id = ''
+      val.currentTarget ? id = val.currentTarget.dataset.item.id : id = val
+      if (this.data.invoiceMessage.invoiceType !== id) {
+        if (id == 1) {
+          this.setData({
+            ["invoiceForm[0].class"]: "active theme-customize-bg-light theme-customize-border",
+            ["invoiceForm[1].class"]: ""
+          })
+        } else {
+          this.setData({
+            ["invoiceForm[1].class"]: "active theme-customize-bg-light theme-customize-border",
+            ["invoiceForm[0].class"]: ""
+          })
+        }
+      }
+      this.setData({
+        ["invoiceMessage.invoiceType"]: id,
+        ["invoiceMessage.invoiceCategory"]: this.data.invoiceClass.length > 0 ? this.data.invoiceClass[0].id : 1
+      })
+      if (this.data.invoiceClass.length > 0) {
+        this.setData({
+          ["invoiceClass[0].class"]: "active theme-customize-bg-light theme-customize-border"
+        })
+      }
+      if (this.data.invoiceClass.length > 1) {
+        this.setData({
+          ["invoiceClass[1].class"]: ""
+        })
+      }
+      this.setData({
+        invoiceContent: "商品相关类别"
+      })
+    },
+    changeMsg(event) {
+      let newData = `invoiceMessage.${event.target.dataset.type}`
+      this.setData({
+        [newData]: event.detail.value
+      })
+    },
+  }
+})

package/miniprogram_dist/ConfirmOrder/components/Invoice/components/InvoiceSelect/index.json

@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-action-sheet": "@vant/weapp/action-sheet/index",
+    "InvoiceTip": "../InvoiceTip/index",
+    "CustomPopup": "../../../../../CustomPopup/index"
+  }
+}

package/miniprogram_dist/ConfirmOrder/components/Invoice/components/InvoiceSelect/index.less

@@ -0,0 +1,162 @@
+@import "../../../../../common/css/theme.wxss";
+
+.header-cont {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+
+  .header-title {
+    color: rgba(51, 51, 51, 1);
+    font-size: 32rpx;
+    font-weight: 600;
+  }
+
+  .img {
+    width: 32rpx;
+    height: 32rpx;
+    position: absolute;
+    right: 32rpx;
+    top: 32rpx;
+  }
+}
+
+.invoice-select-inner {
+  display: flex;
+  flex-direction: column;
+
+  .invoice-select-content {
+    padding: 0 32rpx 114rpx 32rpx;
+
+    .use-wechat {
+      font-weight: 500;
+      margin-bottom: 32rpx;
+      display: flex;
+      font-size: 28rpx;
+      line-height: 32rpx;
+      color: #07C160;
+
+      .img {
+        width: 32rpx;
+        height: 32rpx;
+      }
+    }
+
+    .invoice-select-tip {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 24rpx;
+
+      .type-title {
+        font-weight: 600;
+        font-size: 28rpx;
+      }
+
+      .notice {
+        display: flex;
+        align-items: center;
+        color: rgba(153, 153, 153, 1);
+        font-size: 24rpx;
+        font-weight: 500;
+
+        .img {
+          width: 20rpx;
+          height: 20rpx;
+          margin-left: 10rpx;
+        }
+      }
+    }
+
+    .invoice-select-remind {
+      color: rgba(153, 153, 153, 1);
+      font-size: 28rpx;
+      font-weight: 400;
+      margin-bottom: 24rpx;
+    }
+
+    .invoice-select-button {
+      display: flex;
+      margin-bottom: 24rpx;
+
+      .button {
+        background: #f5f5f5;
+        border-radius: 28rpx;
+        padding: 10rpx 32rpx;
+        margin-right: 24rpx;
+        font-size: 24rpx;
+      }
+
+      .active {
+        border-width: 2rpx;
+        border-style: solid;
+        background: rgba(255, 243, 235, 1);
+        border-color: rgb(255, 168, 111);
+      }
+    }
+
+    .input-top {
+      font-weight: 600;
+      font-size: 28rpx;
+      margin-bottom: 16rpx;
+    }
+
+    .invoice-select-input {
+      border-radius: 4rpx;
+      border: 1rpx solid #ebebeb;
+      padding: 24rpx;
+      opacity: 0.6;
+      margin-bottom: 24rpx;
+
+      input {
+        width: 100%;
+        border: 0;
+        padding: 0;
+
+        &::-webkit-input-placeholder {
+          /* placeholder颜色 */
+          color: #b2b2b2;
+        }
+
+        &:-ms-input-placeholder {
+          /* placeholder颜色 */
+          color: #b2b2b2;
+        }
+
+        &:-moz-placeholder {
+          /* placeholder颜色 */
+          color: #b2b2b2;
+        }
+
+        &::-moz-placeholder {
+          /* placeholder颜色 */
+          color: #999999;
+        }
+      }
+    }
+
+    .invoice-select-category {
+      padding: 40rpx 0;
+    }
+  }
+
+  .invoice-select-foot {
+    background: #fff;
+    box-sizing: border-box;
+    border-top: 2rpx solid #eee;
+    padding: 12rpx 32rpx;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    text-align: center;
+    font-size: 28rpx;
+
+    .button {
+      width: 100%;
+      color: #fff;
+      border-radius: 40rpx;
+      padding: 24rpx 0;
+    }
+  }
+}