jufubao-base 1.0.437 → 1.0.438-beta2

package/.claude/settings.local.json

@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(node *)",
+      "Bash(git *)",
+      "Bash(echo \"---exit:$?\")"
+    ]
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.437",
+  "version": "1.0.438-beta2",
   "private": false,
   "description": "聚福宝业务组件基础插件包",
   "main": "index.js",

package/src/components/JfbBaseCardConsumpCode/Api.js

@@ -0,0 +1,39 @@
+'use strict';
+/**
+ * @description  接口配置，
+ * 在设置方法名字当时候，别忘记加上【模块名字】：Card
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: 'getListEntryCardBind',
+    isRule: false,
+    title: '获得绑定卡',
+    prefix: 'list',
+    path: '/card/v1/card-bind/list-bind-card',
+    params: {},
+    disabled: true,
+  },
+  {
+    mapFnName: 'getBaseByIdCardDetail',
+    isRule: false,
+    title: '获得绑定的卡详情',
+    prefix: 'detal',
+    path: '/card/v1/card-bind/get-bind-card',
+    params: {
+      card_number: ['卡号', 'String', '必选'],
+    },
+    disabled: true,
+  },
+  {
+    mapFnName: 'getCardYue',
+    isRule: false,
+    title: '获得绑定的卡剩余点数',
+    prefix: 'yue',
+    path: '/card/v1/card-bind/get-bind-card-points',
+    params: {
+      card_number: ['卡号', 'String', '必选'],
+    },
+    disabled: true,
+  },
+];

package/src/components/JfbBaseCardConsumpCode/Attr.js

@@ -0,0 +1,31 @@
+'use strict';
+import { dataVal } from "@/utils/AttrTools";
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: (data, gValue, gColor, oldData={}) => {
+    return [
+      {
+        ele: 'title',
+        label: '展示内容',
+        size: 'small',
+        groupKey:'content',
+      },
+      {
+        label: '消费标题',
+        ele: 'el-input',
+        valueKey: 'takeTitleName',
+        value: dataVal({ data, key: 'takeTitleName', dValue: '本店支持「展码」买单', gValue }),
+        groupKey: 'content',
+        className: 'input80',
+        labelInline: true,
+        inline: false,
+        placeholder: "输入消费标题"
+      },
+    ].filter(i=>i)
+  },
+  advanced: [],
+};

package/src/components/JfbBaseCardConsumpCode/JfbBaseCardConsumpCode.vue

@@ -0,0 +1,489 @@
+<template>
+  <view
+    class="jfb-base-card-consump-code"
+    @click="handleEditxSelect"
+    :class="{ editx : isEditx && active }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-base-card-consump-code__edit"
+      :class="{ editx : isEditx && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-base-card-consump-code__edit-icon" @click="delEdit">删除</view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-base-card-consump-code__body">
+      <view class="body-qrcode">
+        <view class="barcode_title">{{ takeTitleName }}</view>
+        <template v-if="info">
+          <view class="barcode_wrap">
+            <view>
+              <image mode="aspectFit" :src="info.barcode"></image>
+            </view>
+          </view>
+          <view class="qrcode_wrap" style="position: relative">
+            <image
+              :style="{width: '280rpx', height: '280rpx'}"
+              :src="info.card_qrcode"
+            ></image>
+            <image v-if="isBrandLogo" class="logo-icon" :src="brandLogo"></image>
+          </view>
+          <view class="refresh_tip">
+            <view v-if="timeStr">{{ timeStr }}后自动刷新</view>
+          </view>
+          <view class="refresh_wrap" @click="handleRefresh">
+            <xd-font-icon
+              icon="iconmian-loading"
+              :size="32"
+              color="#666666"
+              style="margin-right:10rpx"
+            ></xd-font-icon> 刷新二维码
+          </view>
+        </template>
+        <view v-else>
+          <xd-no-data height="600rpx" :scaleSize="2">
+            <view class="empty_txt">
+              {{ card_number ? '卡券信息加载失败，请稍后重试' : '暂无可用票券' }}
+            </view>
+          </xd-no-data>
+        </view>
+        <view class="qrcode_choose" v-if="info" @click="handleChooseCard">
+          <view class="qrcode_choose_name">
+            <xd-font-icon style="margin-right: 24rpx;" size="32" icon="iconpiao"></xd-font-icon>{{ card_name }}
+          </view>
+          <view class="qrcode_choose_icon">
+            <view>切换票券</view>
+            <xd-font-icon style="margin-left: 4rpx;" size="22" icon="iconxiangyou_xian"></xd-font-icon>
+          </view>
+        </view>
+        <xd-down-drawer
+          :show.sync="showCardDialog"
+          height="50vh"
+        >
+          <view class="drawer_content">
+            <view class="ticket_title">使用票券</view>
+            <view class="ticket_tab">
+              <view
+                v-for="item in cardTypeData"
+                :key="item.value"
+                :style="[show_type === item.value ? activityType : '']"
+                @click="handleChangeType(item.value)"
+              >{{ item.label }}</view>
+            </view>
+            <view class="ticket_content">
+              <view class="ticket_list" :key="renderChecked" v-if="showCardList.length">
+                <view
+                  class="ticket_item"
+                  v-for="ticket in showCardList"
+                  @click="handlerTicketSelect(!checkedCards.includes(ticket.card_number), ticket)"
+                  :key="ticket.card_number"
+                >
+                  <view class="_header">
+                    <view class="flex align-center">
+                      <xd-font-icon
+                        style="margin-right: 8rpx;"
+                        icon="iconkaquan"
+                        color="#ffc65d"
+                        size="32"
+                      ></xd-font-icon>
+                      {{ ticket.card_type_name }}
+                    </view>
+                    <xd-radio
+                      :isClickEvent="false"
+                      :isOld="false"
+                      :value="checkedCards.includes(ticket.card_number)"
+                      :disabled="ticket.is_valid === 'N' || ticket.card_point == 0"
+                    ></xd-radio>
+                  </view>
+                  <view class="_cont">
+                    <view style="margin-right: 30rpx;">ID：{{ ticket.card_number }}</view>
+                    <view>有效期至：{{ ticket.end_time }}</view>
+                  </view>
+                  <view class="_footer">
+                    <view class="_item">
+                      <text>剩余：</text>
+                      <xd-unit
+                        :price="ticket.card_point"
+                        :isOld="false"
+                        :font-size="24"
+                        :icon-size="0.3"
+                        :unit="ticket.unit || ''"
+                      ></xd-unit>
+                    </view>
+                    <view
+                      v-if="ticket.card_use_point"
+                      class="_item text-primary"
+                    >
+                      <text>使用：</text>
+                      <xd-unit
+                        :price="ticket.card_use_point"
+                        :isOld="false"
+                        :font-size="24"
+                        :icon-size="0.3"
+                        :unit="ticket.unit || ''"
+                      ></xd-unit>
+                      <view v-if="ticket['card_discount_use_point'] > 0" class="discount">已优惠:{{ ticket['card_discount_use_point'] }}</view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+              <view v-else>
+                <xd-no-data height="600rpx" :scaleSize="2">
+                  <view class="empty_txt">
+                    暂无可用票券
+                  </view>
+                </xd-no-data>
+              </view>
+              <view class="bottom_btn" v-if="showCardDialog" :style="{bottom: (layoutInfo.bottom || 0) + 'rpx'}">
+                <xd-button
+                  width="670rpx"
+                  type="primary"
+                  radius="40rpx"
+                  v-if="checkedCards.length"
+                  @click="handleChooseConfirm"
+                >确定</xd-button>
+                <xd-button
+                  width="670rpx"
+                  type="primary"
+                  radius="40rpx"
+                  v-else
+                  :disabled="true"
+                  @click="handleChooseConfirm"
+                >确定</xd-button>
+              </view>
+            </view>
+          </view>
+        </xd-down-drawer>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import XdNoData from "@/components/XdNoData/XdNoData";
+  import XdDownDrawer from "@/components/XdDownDrawer/XdDownDrawer";
+  import XdRadio from "@/components/XdRadio/XdRadio";
+  import XdUnit from "@/components/XdUnit/XdUnit";
+  import XdButton from "@/components/XdButton/XdButton";
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbBaseCardConsumpCodeMixin from "./JfbBaseCardConsumpCodeMixin";
+  import { gCPVal } from "@/utils/xd.base";
+  import componentsMixins from "@/mixins/componentsMixins";
+  import extsMixins from "@/mixins/extsMixins";
+  import { Base64 } from "js-base64";
+
+  export default {
+    name: "JfbBaseCardConsumpCode",
+    components: {
+      XdFontIcon,
+      XdNoData,
+      XdDownDrawer,
+      XdRadio,
+      XdUnit,
+      XdButton
+    },
+    mixins: [
+      componentsMixins, extsMixins, JfbBaseCardConsumpCodeMixin
+    ],
+    data() {
+      return {
+        takeTitleName: '本店支持「展码」买单',
+        info: null,
+        timeStr: "",
+        timeer: null,
+        date: 2, //时间底数
+        time: 2, //时间幂指数
+        refrushTimeer: null,
+        maxTime: 30, //最大执行时间幂指数
+        card_name: '请选择票券',
+        showCardList: [],
+        showCardDialog: false,
+        renderChecked: 'renderChecked',
+        chooseData: [],
+        checkedCards: [],
+        cardTypeData: [
+          {label: '已绑票券', value: 'normal'},
+          {label: '优惠券', value: 'coupon'},
+        ],
+        show_type: 'normal', //normal:已绑定卡券 coupon: 优惠券
+        card_number: '',
+
+        //品牌logo
+        //#ifdef H5
+        brandLogo: '//img.jufubao.cn/common/jufubao_logo.png?v=1.0.0',
+        //#endif
+        //#ifdef MP-WEIXIN
+        brandLogo: 'https://img.jufubao.cn/common/jufubao_logo.png?v=1.0.0',
+        //#endif
+        isBrandLogo: false,
+      }
+    },
+    computed: {
+      activityType() {
+        return {
+          color: '#E5010E',
+          borderBottom: '6rpx solid #E5010E'
+        }
+      }
+    },
+    watch: {
+      container(value, oldValue) {
+        if (JSON.stringify(value) === JSON.stringify(oldValue)) return;
+        if (this.$configProject['isPreview']) this.init(value)
+      },
+    },
+    created() {
+      this.init(this.container);
+    },
+    methods: {
+      /**
+       * @description 监听页面进入，开始拉取展码数据
+       * @param options {object} 页面参数
+       */
+      onJfbLoad(options) {
+        if (options["x-params"]) {
+          try {
+            let params = JSON.parse(Base64.decode(options["x-params"]));
+            if (params["qrcode_logo"]) this.brandLogo = params["qrcode_logo"];
+          } catch (e) {
+            console.warn(options["x-params"]);
+          }
+        }
+        this.card_number = options.card_number;
+        if (this.card_number) {
+          this.dataInit();
+        } else {
+          //未带卡号入参时，拉取可用票券列表并默认选中登录卡
+          this.getCardList(true);
+        }
+      },
+      /**
+       * @description 拉取当前卡号的展码数据
+       */
+      dataInit() {
+        if (!this.card_number) return;
+        this.detail();
+        this.refrush();
+        if (this.$configProject.isPreview) {
+          this.timeStr = "01分19秒"
+        }
+      },
+      /**
+       * @description 监听事件变化
+       * @param container {object} 业务组件对象自己
+       */
+      init(container) {
+        this.takeTitleName = gCPVal(container, 'takeTitleName', '本店支持「展码」买单');
+      },
+      /**
+       * @description 获取可切换的票券列表
+       * @param autoSelect {Boolean} 是否自动选中登录卡（未带卡号入参时使用）
+       */
+      getCardList(autoSelect = false) {
+        jfbRootExec("getListEntryCardBind", {
+          vm: this,
+          data: {
+            is_all: 'Y',
+            is_show_entry_settings: 'N',
+            show_type: this.show_type
+          }
+        }).then(res => {
+          this.showCardList = (res && res.list) || [];
+
+          if (autoSelect) {
+            //默认选中登录卡，没有登录卡则取第一张
+            if (this.showCardList.length) {
+              let loginCard = this.showCardList.filter(item => item.is_login === 'Y');
+              let ticket = loginCard.length > 0 ? loginCard[0] : this.showCardList[0];
+              this.handlerTicketSelect(true, ticket);
+              this.handleChooseConfirm();
+            }
+          } else {
+            //回显当前正在使用的票券
+            let curTicket = this.showCardList.find(item => item.card_number === this.card_number);
+            this.chooseData = curTicket ? [curTicket] : [];
+            this.checkedCards = this.chooseData.map(item => item.card_number);
+          }
+
+          this.renderChecked = Date.now();
+        }).catch(err => {});
+      },
+      handleRefresh() {
+        this.clearAllTimer();
+        this.dataInit();
+      },
+      handleChooseCard() {
+        this.showCardDialog = true;
+        this.getCardList();
+      },
+      handlerTicketSelect(flat, ticket) {
+        if (flat) {
+          this.chooseData = [ticket];
+        }
+        else {
+          this.chooseData = [];
+        }
+        this.checkedCards = this.chooseData.map(item => item.card_number);
+      },
+      handleChangeType(type) {
+        if (this.show_type === type) return;
+        this.show_type = type;
+        this.getCardList();
+      },
+      handleChooseConfirm() {
+        if (!this.chooseData.length) return;
+        this.clearAllTimer();
+        this.card_number = this.chooseData[0].card_number;
+        this.dataInit();
+        this.showCardDialog = false;
+      },
+      /**
+       * @description 获取卡详情
+       */
+      detail() {
+        jfbRootExec("getBaseByIdCardDetail", {
+          vm: this,
+          data: {card_number: this.card_number},
+        })
+          .then((res) => {
+            if (res && res.card_point) {
+              res["card_point"] = this.$xdUniHelper.divisionFloatNumber(res.card_point, 100);
+            }
+            if (res && res.other_card_point) {
+              res["other_card_point"] = this.$xdUniHelper.divisionFloatNumber(res.other_card_point, 100);
+            }
+            //展示品牌logo
+            if (res["is_show_qrcode_logo"] === "Y") {
+              this.isBrandLogo = true;
+            }
+            this.info = res;
+            this.card_name = '已选卡号' + res.card_number;
+            this.showCardDialog = false;
+            if (!this.$configProject.isPreview) {
+              this.setInval(this.info.card_qrcode_expire);
+            }
+          })
+          .catch((err) => {
+            console.error(err);
+          });
+      },
+      /**
+       * @description 二维码过期倒计时
+       * @param time {Number} 过期秒数
+       */
+      setInval(time) {
+        if (this.timeer) clearInterval(this.timeer);
+        this.timeer = setInterval(() => {
+          if (time <= 0) {
+            this.timeStr = "00分00秒";
+            clearInterval(this.timeer);
+            this.detail();
+          } else {
+            time--;
+            let f = Math.floor(time / 60);
+            f = f < 10 ? "0" + f : f;
+            let m = time % 60;
+            m = m < 10 ? "0" + m : m;
+            this.timeStr = `${f}分${m}秒`;
+          }
+        }, 1000);
+      },
+      /**
+       * @description 轮询刷新卡剩余点数
+       */
+      refrush() {
+        if (this.time >= this.maxTime) {
+          clearTimeout(this.refrushTimeer);
+          return;
+        }
+        this.time++;
+        let time = this.time >= 5 ? 32 * 1000 : Math.pow(this.date, this.time) * 1000;
+        this.refrushTimeer = setTimeout(() => {
+          jfbRootExec("getCardYue", {
+            vm: this,
+            data: {
+              card_number: this.card_number,
+            },
+          })
+            .then((res) => {
+              let refrushInfo = this.$xdUniHelper.cloneDeep(this.info);
+              if (res && res !== null && Object.keys(res).length > 0) {
+                if (res.card_point) {
+                  refrushInfo.card_point = this.$xdUniHelper.divisionFloatNumber(
+                    res.card_point,
+                    100
+                  );
+                }
+                if (res.other_card_point) {
+                  refrushInfo.other_card_point =
+                    this.$xdUniHelper.divisionFloatNumber(
+                      res.other_card_point,
+                      100
+                    );
+                }
+              }
+
+              this.info = refrushInfo;
+              this.refrush();
+            })
+            .catch();
+        }, time);
+      },
+      /**
+       * @description 清除所有定时器
+       */
+      clearAllTimer() {
+        this.timeStr = "";
+        if (this.timeer) {
+          clearInterval(this.timeer);
+          this.timeer = null;
+        }
+        if (this.refrushTimeer) {
+          clearTimeout(this.refrushTimeer);
+          this.refrushTimeer = null;
+        }
+      },
+      onJfbScroll(options) {
+        console.log('event.onJfbScroll', options)
+      },
+      onJfbReachBottom(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+      onJfbShow(options) {
+        console.log('event.onJfbShow', options)
+        //从其他页面返回时，二维码已失效且定时器已被清理，重新拉取展码数据
+        if (!this.card_number) return;
+        this.clearAllTimer();
+        this.dataInit();
+      },
+      onJfbHide(options) {
+        this.clearAllTimer();
+      },
+      onJfbUnload(options) {
+        this.clearAllTimer();
+      },
+      onJfbBack(options) {
+        this.clearAllTimer();
+      },
+      onJfbUpdate(...data) {
+        console.log('event.onJfbUpdate', data)
+      },
+      onJfbCustomEvent(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+    }
+  }
+
+</script>
+
+<style scoped lang="less">
+  @import "./JfbBaseCardConsumpCodeLess.less";
+
+  .jfb-base-card-consump-code {
+    &__body{
+      position: relative;
+    }
+  }
+</style>

package/src/components/JfbBaseCardConsumpCode/JfbBaseCardConsumpCodeLess.less

@@ -0,0 +1,79 @@
+/**
+* @desc 获取绝对路径完整地址
+* @param @path
+**/
+//例如：https://image.jufubao.cn/20220501010108/image/bg/default_gonghui_bg.png
+@basePath: 'business/';
+@doMain: '//sandbox-img.jufubao.cn/';
+
+.getBusinessImageUrl(@path, @size: 'size8') {
+  @url: "@{doMain}@{basePath}@{path}?x-oss-process=style/@{size}";
+  background-image: url(@url);
+}
+
+//start
+.jfb-base-card-consump-code {
+  box-sizing: border-box;
+
+  &__body{
+      position: relative;
+      overflow: hidden;
+      z-index: 2
+  }
+
+  &.editx,&.editx:hover {
+    position: relative;
+    min-height: unit(100, rpx);
+    z-index: 3;
+    &::after {
+      border: 2rpx dashed blue;
+      content: " ";
+      position: absolute;
+      top:0;
+      left:0;
+      bottom:0;
+      right:0;
+      z-index: 4;
+      cursor: pointer;
+    }
+
+  }
+
+
+  &__edit {
+    cursor: pointer;
+    position: absolute;
+    right: unit(0, rpx);
+    top: unit(-52, rpx);
+    height: unit(50, rpx);
+    line-height: unit(50, rpx);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: rgba(0, 0, 0, .6);
+    border-radius: unit(10, rpx);
+    box-shadow: 0 0 10px rbga(0, 0, 0, 0.3);
+    color: #fff;
+    font-size: unit(22, rpx);
+
+    &-icon{
+      padding: 0 unit(20, rpx);
+    }
+
+    &.editx {
+      box-sizing: border-box;
+
+    }
+  }
+}
+//end
+
+
+/**notPreview**/
+.jfb-base-card-consump-code {
+  //&:before {
+    //content: " ";
+    //display: table;
+  //}
+}
+/**endNotPreview**/

package/src/components/JfbBaseCardConsumpCode/JfbBaseCardConsumpCodeMixin.js

@@ -0,0 +1,30 @@
+'use strict';
+
+
+//@AttrImport
+import Attr from "./Attr";
+//@EndAttrImport
+
+
+export default {
+  data() {
+    return {
+      //#ifdef H5
+      
+      //@AttrData
+      Attr:{}, //对外开发编辑属性
+      //@EndAttrData
+      
+      // #endif
+      cssRoot: 'jfb-base-card-consump-code'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbBaseCardConsumpCode/Mock.js

@@ -0,0 +1,71 @@
+"use strict";
+
+module.exports = {
+  getCardYue: {},
+  getListEntryCardBind: {
+    list: [
+      {
+        card_number: "101001000008586",
+        card_type_name: "聚福宝福卡测试蛋糕",
+        end_time: "2027-07-31",
+        card_point: 99432830,
+        is_bind_card: true,
+        is_valid: "Y",
+        is_login: "Y",
+        unit: "点",
+        show_name: "聚福宝福卡测试蛋糕",
+        card_use_rule: "可凭本券到蛋糕(勿改)、电影(勿改)使用",
+        consume_type: "1",
+        is_auto_use: "N"
+      },
+      {
+        card_number: "101001000009318",
+        card_type_name: "聚福宝福卡（点12位）",
+        end_time: "2027-03-31",
+        card_point: 98700,
+        is_bind_card: true,
+        is_valid: "Y",
+        is_login: "N",
+        unit: "点",
+        show_name: "聚福宝福卡（点12位）",
+        card_use_rule: "可凭本券到电影(勿改)、商城(对应百货)(勿改)、蛋糕(勿改)使用",
+        consume_type: "1",
+        is_auto_use: "N"
+      },
+      {
+        card_number: "101001000009382",
+        card_type_name: "满50减50",
+        end_time: "2030-08-31",
+        card_point: 848815,
+        is_bind_card: true,
+        is_valid: "N",
+        is_login: "N",
+        unit: "点",
+        show_name: "满50减50",
+        card_use_rule: "满50减50",
+        consume_type: "2",
+        is_auto_use: "N"
+      }
+    ]
+  },
+  getBaseByIdCardDetail: {
+    is_show_qrcode_logo: "Y",
+    card_number: "101001000008586",
+    card_point: 99432830,
+    card_type_name: "聚福宝福卡测试蛋糕",
+    end_time: "2027-07-31",
+    card_status: "Y",
+    card_status_name: "开启",
+    card_qrcode: "//sandbox-apis.jufubao.cn/common/v1/image/qrcode?code_content=h.161.ktrd9ie2jnbkdb8",
+    barcode: "//sandbox-apis.jufubao.cn/common/v1/image/barcode?code_content=h.161.ktrd9ie2jnbkdb8",
+    card_qrcode_expire: 600,
+    unit: "点",
+    main_business_code_name: "蛋糕(勿改)",
+    other_card_point: 4073,
+    is_exchange: "N",
+    exchange_card_type_name: "福券",
+    exchange_card_point: 18330,
+    card_point_type: 2,
+    request_id: "ce26274fa52c8412"
+  }
+}

package/get.package.path.js

@@ -1,22 +0,0 @@
-'use strict';
-
-/**
- * @description 第三方库
- * @param threePackagePath {String} 第三方库所在项目路径存放路径路
- * @param packname {String} 包名字
- * @returns {string|*}
- */
-const getPackagePath = (threePackagePath, packname = 'gxd-commands-bussiness')=>{
-  if(packname === 'gxd-commands-bussiness') {
-    return `/Users/shiyonggao/Desktop/code/BASE/UNIAPP/xd-commands-bussiness/${threePackagePath}`;
-  }
-
-  if (packname === 'gxd-uni-library-editx') {
-    return `/Users/shiyonggao/Desktop/code/BASE/UNIAPP/xd-uni-library-editx/${threePackagePath}`;
-  }
-
-};
-
-module.exports = {
-  getPackagePath
-}