jufubao-base 1.0.105-beta2 → 1.0.105-beta6

package/package.json

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

package/src/components/JfbBaseCardInfo/JfbBaseCardInfo.vue

@@ -106,7 +106,7 @@
 
 <script>
 import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
-import { jfbRootExec } from "@/utils/xd.event";
+import { jfbRootExec, jfbRootFnExec } from "@/utils/xd.event";
 import { Base64 } from "js-base64";
 import JfbBaseCardInfoMixin from "./JfbBaseCardInfoMixin";
 import componentsMixins from "@/mixins/componentsMixins";
@@ -162,6 +162,7 @@ export default {
 
       qrcode: "", //二维码
       showForm: true,
+      hasCon: "", //是否有优惠券
 
       //页面跳转地址
       backUrl: "",
@@ -174,6 +175,12 @@ export default {
   },
   created() {},
   methods: {
+    toShowCouponDialog(){
+      // jfbRootFnExec(this, 'onCustomEvent')("@showBaseConDialog", {user_card_number: "10001000001133"})
+      if(this.info){
+        jfbRootFnExec(this, 'onCustomEvent')("@showBaseConDialog", {user_card_number: this.info.card_number})
+      }
+    },
     handleToLink(path) {
       if (this.qrcode) {
         jfbRootExec("qrCardBind", {
@@ -183,14 +190,7 @@ export default {
           },
         })
           .then((res) => {
-            this.$xdAlert({
-              content: "绑定成功",
-              close: () => {
-                this.$xdUniHelper.redirectTo({
-                  url: this.backUrl,
-                });
-              },
-            });
+            this.handlerAfterBindCard();
           })
           .catch();
       } else {
@@ -202,19 +202,32 @@ export default {
           },
         })
           .then((res) => {
-            console.log(this.$xdAlert, "this.$xdAlertfsdfs");
-            this.$xdAlert({
-              content: "绑定成功",
-              close: () => {
-                this.$xdUniHelper.redirectTo({
-                  url: this.backUrl,
-                });
-              },
-            });
+            this.handlerAfterBindCard();
           })
           .catch();
       }
     },
+    handlerAfterBindCard(){
+      if(this.hasCon){
+        this.toShowCouponDialog();
+        this.$bus.$on("onCloseConDialog",(container_id) => {
+          if(container_id === this.hasCon){
+            this.$xdUniHelper.redirectTo({
+              url: this.backUrl,
+            });
+          }
+        })
+      }else{
+        this.$xdAlert({
+          content: "票券绑定成功",
+          close: () => {
+            this.$xdUniHelper.redirectTo({
+              url: this.backUrl,
+            });
+          },
+        });
+      }
+    },
     init() {
       this.backUrl = getContainerPropsValue(
         this.container,
@@ -327,6 +340,12 @@ export default {
     onJfbShow(options) {
       this.onJfbLoad(options);
     },
+    onJfbCustomEvent({action, data}){
+      if(action === 'baseConDialog@hasCon'){
+        this.hasCon = data;
+      }
+      console.log('onJfbCustomEvent',action, data);
+    }
   },
 };
 </script>

package/src/components/JfbBaseCardInfoEntry/JfbBaseCardInfoEntry.vue

@@ -124,7 +124,7 @@
 
 <script>
 import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
-import { jfbRootExec } from "@/utils/xd.event";
+import { jfbRootExec, jfbRootFnExec } from "@/utils/xd.event";
 import JfbBaseCardInfoEntryMixin from "./JfbBaseCardInfoEntryMixin";
 import { getContainerPropsValue } from "@/utils/xd.base";
 import getServiceUrl from "@/common/getServiceUrl";
@@ -157,6 +157,7 @@ export default {
 
       qrcode: "", //二维码
       showForm: true,
+      hasCon: "",
 
       //页面跳转地址
       backUrl: "",
@@ -175,6 +176,12 @@ export default {
   },
   created() {},
   methods: {
+    toShowCouponDialog(){
+      // jfbRootFnExec(this, 'onCustomEvent')("@showBaseConDialog", {user_card_number: "10001000001133"})
+      if(this.info){
+        jfbRootFnExec(this, 'onCustomEvent')("@showBaseConDialog", {user_card_number: this.info.card_number})
+      }
+    },
     handleToLink() {
       if(this.info.card_point===0) {
         this.$xdConfirm({
@@ -200,14 +207,7 @@ export default {
           },
         })
           .then((res) => {
-            this.$xdAlert({
-              content: "票券绑定成功",
-              close: () => {
-                this.$xdUniHelper.redirectTo({
-                  url: this.backUrl,
-                });
-              },
-            });
+            this.handlerAfterBindCard();
           })
           .catch();
       } else {
@@ -221,18 +221,32 @@ export default {
         })
           .then((res) => {
             console.log(this.$xdAlert, "this.$xdAlertfsdfs");
-            this.$xdAlert({
-              content: "票券绑定成功",
-              close: () => {
-                this.$xdUniHelper.redirectTo({
-                  url: this.backUrl,
-                });
-              },
-            });
+            this.handlerAfterBindCard();
           })
           .catch();
       }
     },
+    handlerAfterBindCard(){
+      if(this.hasCon){
+        this.toShowCouponDialog();
+        this.$bus.$on("onCloseConDialog",(container_id) => {
+          if(container_id === this.hasCon){
+            this.$xdUniHelper.redirectTo({
+              url: this.backUrl,
+            });
+          }
+        })
+      }else{
+        this.$xdAlert({
+          content: "票券绑定成功",
+          close: () => {
+            this.$xdUniHelper.redirectTo({
+              url: this.backUrl,
+            });
+          },
+        });
+      }
+    },
     init() {
       this.backUrl = getContainerPropsValue(
         this.container,
@@ -362,6 +376,12 @@ export default {
     onJfbShow(options) {
       this.onJfbLoad(options);
     },
+    onJfbCustomEvent({action, data}){
+      if(action === 'baseConDialog@hasCon'){
+        this.hasCon = data;
+      }
+      console.log('onJfbCustomEvent',action, data);
+    }
   },
 };
 </script>

package/src/components/JfbBaseConDialog/Api.js

@@ -16,4 +16,39 @@ module.exports = [
     isConsole: true,
     disabled: true,
   },
+  {
+    mapFnName: 'getCouponList', //自定义方法名字（必选）
+    title: '获取优惠券列表',
+    path: '/sms-coupon/v1/activity-prizes-user/list',
+    isRule: false,
+    params: {
+      distribution_method: ['发放方式 entry=主动发放, homed=首页发放,paid=消费后发放,card_binded=绑定卡后发放', 'String', '选填'],
+      namespace: ['业务线', 'String', '必填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getAllCoupon', //自定义方法名字（必选）
+    title: '领取优惠券',
+    path: '/sms-coupon/v1/activity-prizes-user/set',
+    isRule: false,
+    params: {
+      distribution_method: ['发放方式 entry=主动发放, homed=首页发放,paid=消费后发放,card_binded=绑定卡后发放', 'String', '选填'],
+      namespace: ['业务线', 'String', '必填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getCouponResult', //自定义方法名字（必选）
+    title: '轮询查询活动结果',
+    path: '/sms-coupon/v1/activity-prizes-user/get',
+    isRule: false,
+    params: {
+      tmp_order_number: ['tmp_order_number', 'String', '选填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
 ];

package/src/components/JfbBaseConDialog/Attr.js

@@ -37,6 +37,7 @@ export default {
         valueKey: "distribution_method",
         value: data.distribution_method || "",
         placeholder: "请选择触发事件",
+        className: 'input80',
         list: [
           // { label: "首页发放", value: "homed" },
           { label: "支付成功", value: "paid" },

package/src/components/JfbBaseConDialog/JfbBaseConDialog.vue

@@ -17,9 +17,9 @@
     </view>
     <!-- #endif -->
     <view class="jfb-base-con-dialog__body">
-      <view class="jfb-base-con-dialog__body-dialog" v-if="isShow">
+      <view v-if="isShow" class="jfb-base-con-dialog__body-dialog">
         <view class="jfb-base-con-dialog__body-dialog-mask"></view>
-        <view class="jfb-base-con-dialog__body-dialog-content">
+        <view v-if="distribution_method !== 'card_binded'" class="jfb-base-con-dialog__body-dialog-content">
           <view v-if="list.length>1" class="jfb-base-con-dialog__body-dialog-content-num">
             <text>{{ currentIndex + 1 }}/{{ list.length }}</text>
           </view>
@@ -51,7 +51,16 @@
             size="64"
           ></xd-font-icon>
         </view>
+        <view v-else class="jfb-base-con-dialog__body-dialog-content">
+          <xd-cou-card-bind
+            :list="couponList"
+            :setting="couponOther"
+            @closeDialog="handleCardBindClose"
+            @getCoupont="handleGetCoupon"
+          ></xd-cou-card-bind>
+        </view>
       </view>
+      
       <view
         :style="{ background: backgroundColor, color: warningColor }"
         class="jfb-base-con-dialog__body-pop"
@@ -64,7 +73,7 @@
 
 <script>
 import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
-import { jfbRootExec, JfbEvent } from "@/utils/xd.event";
+import { jfbRootExec, JfbEvent, jfbRootFnExec } from "@/utils/xd.event";
 import JfbBaseConDialogMixin from "./JfbBaseConDialogMixin";
 import componentsMixins from "@/mixins/componentsMixins";
 import extsMixins from "@/mixins/extsMixins";
@@ -74,11 +83,13 @@ import colorCardMixins from "@/mixins/colorCardMixins";
 const Color = require("color");
 import { mapState } from "vuex";
 import storage from "@/common/storage";
+import XdCouCardBind from "./XdCouCardBind";
 
 export default {
   name: "JfbBaseConDialog",
   components: {
     XdFontIcon,
+    XdCouCardBind
   },
   mixins: [componentsMixins, extsMixins, JfbBaseConDialogMixin],
   data() {
@@ -96,6 +107,12 @@ export default {
       distribution_method: "homed", //触发事件
       dispatchData: "", //触发事件参数
 
+      couponList: [],
+      couponOther: {},
+      order_num: null,
+      timer: null,
+      time: 0,
+
     };
   },
   computed: {
@@ -125,8 +142,94 @@ export default {
         this.isShow = !this.isHide;
       }
     },
-    getDialogList() {
+    //领取优惠券
+    handleGetCoupon(item){
+      jfbRootExec("getAllCoupon", {
+        vm: this,
+        data: {
+          prize_id: item.prize_id,
+          distribution_method: this.distribution_method,
+          ...this.dispatchData
+        }
+      }).then(res => {
+        if (res.code == 400) {
+          this.$xdHideLoading();
+          this.$xdAlert({
+            content: res.message,
+            zIndex: 3200,
+            time: 2000,
+            isClose: false,
+          });
+          this.getDialogList();
+          return;
+        }
+        this.order_num = res.tmp_order_number;
+        setTimeout(()=>{
+          this.getResult();
+        },1000)
+      }).catch((err) => {
+        console.log(err, "err");
+      });
+    },
+    getResult() {
+      jfbRootExec("getCouponResult", {
+        vm: this,
+        data: {
+          tmp_order_number: this.order_num,
+        },
+      })
+        .then((res) => {
+          if (res.status_type === "success") {
+            this.order_num = null;
+            this.$xdHideLoading();
+            this.$xdAlert({
+              content: "领取成功",
+              zIndex: 3200,
+              time: 2000,
+              isClose: false,
+            });
+            this.getDialogList();
+            if (this.timer) {
+              this.time = 0;
+              clearTimeout(this.timer);
+            }
+            return;
+          }
+          if (res.status_type === "error") {
+            this.$xdHideLoading();
+            this.$xdAlert({
+              content: res.message,
+              zIndex: 3200,
+              time: 2000,
+              isClose: false,
+            });
+            if (res.code == 400) {
+              this.getDialogList();
+            }
+            if (this.timer) {
+              this.time = 0;
+              clearTimeout(this.timer);
+            }
+            return;
+          }
 
+          this.timer = setTimeout(() => {
+            this.getResult();
+            if (this.time > 5) {
+              this.$xdLog.setARMSInfo(
+                { message: "领取中" },
+                `pay_${res.status_type}`
+              );
+            }
+            this.time++;
+          }, Math.pow(2, this.time > 5 ? 5 : this.time) * 1000);
+        })
+        .catch((err) => {
+          this.$xdHideLoading();
+          console.log(err, "err");
+        });
+    },
+    p_getDialogList(){
       jfbRootExec("getCouponDialogList", {
         vm: this,
         data: {
@@ -137,6 +240,7 @@ export default {
         .then((res) => {
           console.log(res, "resresres");
           this.list = res.list;
+          if(res.list.length === 0) return;
           this.currentImage = getServiceUrl(
             this.list[this.currentIndex].app_activity_url
           );
@@ -150,6 +254,31 @@ export default {
           console.log(err, "err");
         });
     },
+    p_getCouponList(){
+      jfbRootExec("getCouponList", {
+        vm: this,
+        data: {
+          distribution_method: this.distribution_method,
+          ...this.dispatchData
+        }
+      }).then(res => {
+        const { list, ...other } = res;
+        this.couponList = list;
+        this.couponOther = other;
+        if(res.can_take === "Y" && res.has_times === "Y" && list.length > 0){
+          this.isShow = true;
+        }else{
+          this.handleCardBindClose();
+        }
+      })
+    },
+    getDialogList() {
+      if(this.distribution_method === 'card_binded'){
+        this.p_getCouponList();
+      }else{
+        this.p_getDialogList();
+      }
+    },
     handlePop() {
       console.log("this.time", this.time * 60 + "分钟");
       storage.set(this.containerId, 1, this.time);
@@ -157,12 +286,23 @@ export default {
     },
     onJfbLoad(options) {
       console.log(11111);
+      //支付跟绑卡是主动触发
       try {
-        if (!storage.get(this.containerId)) this.getDialogList();
+        if (!storage.get(this.containerId) &&
+          this.distribution_method !== "paid" && 
+          this.distribution_method !== "card_binded") this.getDialogList();
       } catch (error) {
         console.log(error, "errorerror");
       }
+      if(this.distribution_method === 'card_binded'){
+        jfbRootFnExec(this, 'onCustomEvent')("baseConDialog@hasCon", this.containerId);
+      }
+    },
+    handleCardBindClose(){
+      this.isShow = false;
+      this.$bus.$emit("onCloseConDialog", this.containerId);
     },
+    
     onJfbUpdate(data) {
       storage.remove(this.containerId);
       this.getDialogList();

package/src/components/JfbBaseConDialog/XdCouCardBind.vue

@@ -0,0 +1,197 @@
+<template>
+  <view class="xd-cou-card-bind">
+    <view class="ticket_box" :style="{
+      backgroundImage: dialogBackground
+    }">
+      <view class="ticket_list">
+        <view class="ticket_item" :class="item.can_take_num"
+          v-for="(item,i) in uiList" :key="i"
+          :style="{backgroundImage: item.backgroundImage}"
+        >
+          <view class="ticket_names">
+            <view class="name_main">{{item.prize_type}}</view>
+            <view class="name_sub">{{item.prize_name}}</view>
+          </view>
+          <view class="name_tit">{{item.prize_name}}</view>
+          <xd-font-icon class="ticket_icon" :icon="item.icon"></xd-font-icon>
+          <view class="btn">
+            <xd-button
+              size="small"
+              type="primary"
+              :disabled="item.remain_card_count == 0"
+              :style="{
+                backgroundImage: item.btnImage
+              }"
+              @click="getCoupont(item)"
+            >{{item.btn_txt}}</xd-button>
+          </view>
+        </view>
+      </view>
+    </view>
+    
+    <xd-font-icon
+      @click="handleClose"
+      class="dialog_close"
+      icon="iconguanbi_xian"
+      color="#fff"
+      size="64"
+    ></xd-font-icon>
+  </view>
+</template>
+<script>
+import XdButton from "@/components/XdButton/XdButton";
+import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+import getServiceUrl from "@/common/getServiceUrl";
+export default{
+  name: "XdCouCardBind",
+  components: {
+    XdButton,
+    XdFontIcon
+  },
+  props: {
+    list: {
+      type: Array,
+      default(){
+        return []
+      }
+    },
+    setting: {}
+  },
+  computed: {
+    uiList(){
+      return this.list.map(item => {
+        let mapArr = {"Y": "去查看", "P": "领取", "N": "已发完"}
+        item.btn_txt = mapArr[item.can_take_num];
+        if(item.can_take_num === "Y" || item.can_take_num === "P"){
+          item.backgroundImage = `url(${getServiceUrl(this.setting.app_coupon_url)})`;
+          item.btnImage = `url(${getServiceUrl(this.setting.app_coupon_button_bg_url)})`;
+          item.icon = item.can_take_num === "Y" ? "iconyilingqu" : "icondailingqu";
+        }else if(item.can_take_num === "N"){
+          item.backgroundImage = `url(${getServiceUrl(this.setting.app_coupon_invalid_url)})`;
+          item.btnImage = "";
+          item.icon = "iconyifawan";
+        }
+        return item;
+      })
+    },
+    dialogBackground(){
+      return `url(${getServiceUrl(this.setting.background)})`;
+    }
+  },
+  data(){
+    return {
+
+    }
+  },
+  methods: {
+    //领取优惠券
+    getCoupont(item){
+      if(item.can_take_num === "P"){
+        this.$emit("getCoupont", item);
+      }
+    },
+    handleClose(){
+      this.$emit("closeDialog");
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+@ticketHeight: 180rpx;
+@bgHeight: @ticketHeight - 40rpx;
+  .xd-cou-card-bind{
+    width: 600rpx;
+    max-height: 800rpx;
+    padding-bottom: 80rpx;
+    .ticket_box{
+      background-color: #fff;
+      background-size: 100% auto;
+      background-repeat: no-repeat;
+      padding-top: 100rpx;
+      border-radius: 20rpx;
+      box-sizing: border-box;
+      padding-bottom: 20rpx;
+    }
+    
+    .ticket_item{
+      display: flex;
+      position: relative;
+      width: 540rpx;
+      height: @ticketHeight;
+      margin: 20rpx auto;
+      border-radius: 20rpx;
+      padding: 30rpx;
+      box-sizing: border-box;
+      background: #EEEEEE url("//sandbox-img.jufubao.cn/uploads/20231205/fee9b644b83495c9ba8a4db277600b54.jpg") no-repeat;
+      background-size: auto @bgHeight;
+      background-position: 30rpx center;
+
+      &.P,
+      &.Y{
+
+      }
+      &.N{
+        .ticket_names{
+          .name_main{
+            color: #BBBBBB;
+          }
+        }
+        .ticket_icon{
+          color: #D6D6D6;
+          
+        }
+        .btn{
+          .xd-button{
+            background-color: #DDDDDD !important;
+            color: #999999 !important;
+          }
+        }
+      }
+      .name_tit{
+        font-size: 28rpx;
+        margin-left: 20rpx;
+      }
+      .ticket_names{
+        width: 168rpx;
+        height: 120rpx;
+        text-align: center;
+        font-size: 28rpx;
+        .name_main{
+          margin-bottom: 26rpx;
+          margin-top: 20rpx;
+          color: #fb5b3f;
+        }
+        .name_sub{
+          font-size: 24rpx;
+          color: #FFFFFF;
+        }
+      }
+      .ticket_icon{
+        font-size: 80rpx !important;
+        position: absolute;
+        top: 0;
+        right: 0;
+      }
+      .btn{
+        position: absolute;
+        right: 20rpx;
+        bottom: 20rpx;
+        .xd-button{
+          height: 30rpx;
+          width: 100rpx;
+          font-size: 28rpx;
+          background-size: cover !important;
+          background-color: #fb5b3f;
+        }
+      }
+
+    }
+    .dialog_close{
+      position: absolute;
+      bottom: 0rpx;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+  }
+</style>

package/src/components/JfbBaseConList/JfbBaseConList.vue

@@ -119,7 +119,7 @@
             </view>
           </view>
           <view v-else class="jfb-base-con-list__body-content-list" style="padding-bottom: 60rpx;">
-            <image mode="widthFix" src="//sandbox-img.jufubao.cn/uploads/20240123/0b022b56928000ae54f5e7c9669cf214.png?ver=tjJC9jW3mbfiz2p19I6l"></image>
+            <image mode="widthFix" :src="used_up_url"></image>
           </view>
         </view>
         <view class="jfb-base-con-list__body-content-foot"
@@ -233,7 +233,7 @@ export default {
       })
         .then((res) => {
           this.background = getServiceUrl(res.background);
-          this.used_up_url = getServiceUrl(res.used_up_url);
+          this.used_up_url = res.used_up_url && getServiceUrl(res.used_up_url);
           this.can_take = res.can_take;
           this.has_times = res.has_times;
           

package/src/components/JfbBaseConList/Mock.js

@@ -8,6 +8,7 @@ module.exports = {
       {"prize_id":153,"prize_name":"满50减50","prize_type":"满减券","prize_num":1,"can_take":"Y","is_over":"N","can_take_num":"P","today_times":1,"today_num":0,"total_times":1,"total_num":0,"remain_card_count":55}
     ],
     "background":"//sandbox-img.jufubao.cn/uploads/20231204/96b801e0dc27422c183dc90d905dd2ed.jpg",
+    "used_up_url": "",
     "has_times": "Y",
     "can_take":"Y",
     "message":"",