jufubao-base 1.0.105 → 1.0.106-beta2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-base",
-  "version": "1.0.105",
+  "version": "1.0.106-beta2",
   "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

@@ -31,6 +31,19 @@ export default {
           { label: '切换', value: 2 },
         ]
       },
+      {
+        label: "触发事件:",
+        ele: "xd-select-list",
+        valueKey: "distribution_method",
+        value: data.distribution_method || "",
+        placeholder: "请选择触发事件",
+        className: 'input80',
+        list: [
+          { label: "首页发放", value: "homed" },
+          { label: "支付成功", value: "paid" },
+          { label: "绑卡成功", value: "card_binded" },
+        ]
+      },
       {
         label: '弹窗间隔:',
         ele: 'el-input',

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() {
@@ -93,6 +104,15 @@ export default {
       isPreview: false, //是否预览
       activity_id: "",
       backgroundColor: "",
+      distribution_method: "homed", //触发事件
+      dispatchData: "", //触发事件参数
+
+      couponList: [],
+      couponOther: {},
+      order_num: null,
+      timer: null,
+      timeNum: 0,
+
     };
   },
   computed: {
@@ -114,6 +134,7 @@ export default {
       this.list_url = getContainerPropsValue(value, "content.list_url", {
         value: "",
       }).value;
+      this.distribution_method = getContainerPropsValue(value, "content.distribution_method", "homed");
       this.type = getContainerPropsValue(value, "content.type", 1);
       this.isHide = getContainerPropsValue(value, "content.isHide", false);
       this.time = Number(getContainerPropsValue(value, "content.time", 3));
@@ -121,16 +142,107 @@ export default {
         this.isShow = !this.isHide;
       }
     },
-    getDialogList() {
+    //领取优惠券
+    handleGetCoupon(item){
+      this.$xdShowLoading({});
+      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.timeNum = 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.timeNum = 0;
+              clearTimeout(this.timer);
+            }
+            return;
+          }
+
+          this.timer = setTimeout(() => {
+            this.getResult();
+            if (this.timeNum > 5) {
+              this.$xdLog.setARMSInfo(
+                { message: "领取中" },
+                `pay_${res.status_type}`
+              );
+            }
+            this.timeNum++;
+          }, Math.pow(2, this.timeNum > 5 ? 5 : this.timeNum) * 1000);
+        })
+        .catch((err) => {
+          this.$xdHideLoading();
+          console.log(err, "err");
+        });
+    },
+    p_getDialogList(){
       jfbRootExec("getCouponDialogList", {
         vm: this,
         data: {
           namespace: this.pageBusinessCode,
+          distribution_method: this.distribution_method,
+          ...this.dispatchData
         },
       })
         .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
           );
@@ -144,6 +256,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);
@@ -151,12 +288,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();
@@ -167,7 +315,7 @@ export default {
     },
     handleToList() {
       this.$xdUniHelper.navigateTo({
-        url: `${this.list_url}?activity_id=${this.activity_id}&distribution_method=homed`,
+        url: `${this.list_url}?activity_id=${this.activity_id}&distribution_method=${this.distribution_method}`,
       });
     },
     handleClose() {
@@ -201,6 +349,13 @@ export default {
       );
       this.activity_id = this.list[this.currentIndex].activity_id;
     },
+    onJfbCustomEvent({action, data}){
+      if(action === '@showBaseConDialog'){
+        this.dispatchData = data;
+        this.getDialogList();
+      }
+      console.log('onJfbCustomEvent',action, data);
+    }
   },
 };
 </script>

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: 200rpx;
+      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/Attr.js

@@ -6,6 +6,17 @@
 export default {
   style: [],
   content: [
+    {
+      label: '查看已领票券路径:', //label
+      ele: 'xd-select-pages-path', //package 名称
+      valueKey: 'collectedPath', //form[valueKey]
+      placeholder: '请选择查看已领票券路径',
+      value: null,
+      setting: {
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+    },
     // {
     //   label: '领券规则:',
     //   ele: 'xd-site-news',

package/src/components/JfbBaseConList/JfbBaseConList.vue

@@ -16,15 +16,14 @@
       <view class="jfb-base-con-list__edit-icon" @click="delEdit">删除</view>
     </view>
     <!-- #endif -->
-    <view class="jfb-base-con-list__body" v-if="done">
+    <view class="jfb-base-con-list__body" v-if="done" :style="{
+      backgroundImage: `url(${background})`,
+      backgroundSize: '100%',
+      backgroundRepeat: 'no-repeat',
+      minHeight: `${layoutInfo.bodyMinHeightRpx}rpx`,
+    }">
       <view
         v-if="couponList&&couponList.length > 0"
-        :style="{
-          backgroundImage: `url(${background})`,
-          backgroundSize: '100%',
-          backgroundRepeat: 'no-repeat',
-          height: `${layoutInfo.bodyMinHeightRpx}rpx`,
-        }"
       >
         <view class="jfb-base-con-list__body-content">
           <view class="jfb-base-con-list__body-content-header">
@@ -41,7 +40,7 @@
               <xd-font-icon size="20" icon="iconxiangyou_xian"></xd-font-icon>
             </view>
           </view>
-          <view class="jfb-base-con-list__body-content-list">
+          <view v-if="can_take === 'Y' && has_times === 'Y'" class="jfb-base-con-list__body-content-list">
             <view v-for="(item, index) in couponList" :key="index">
               <view
                 class="jfb-base-con-list__body-content-list-item"
@@ -106,24 +105,27 @@
                     <view></view>
 
                     <xd-button
-                      v-if="item.can_take_num !== 'Y'"
                       size="small"
-                      :disabled="item.remain_card_count == 0"
+                      :disabled="item.can_take_num !=='Y' && item.remain_card_count == 0"
                       @click="getCoupont(item)"
                       type="primary"
+                      style="width: 170rpx;height: 60rpx;"
                       :style="item.btn"
                       :color="item.infoColor"
-                      >领取</xd-button
-                    >
+                      >{{ item.btn_txt }}</xd-button>
                   </view>
                 </view>
               </view>
             </view>
           </view>
-          <view class="jfb-base-con-list__body-content-foot"
-            >可在我的-我的票券进行查看</view
-          >
+          <view v-else class="jfb-base-con-list__body-content-list" style="padding-bottom: 60rpx;">
+            <image mode="widthFix" :src="used_up_url"></image>
+          </view>
         </view>
+        <view class="jfb-base-con-list__body-content-foot"
+          @click="toCoupon"
+          >查看已领票券</view
+        >
       </view>
       <view
         v-else
@@ -180,6 +182,9 @@ export default {
       activity_id: "",
       background: "",
       app_coupon_url: "",
+      used_up_url: "",
+      can_take: "",
+      has_times: "",
       method: "entry",
       maxTime: 5, //最长轮询2的N次方（秒）
       date: 2, //时间底数
@@ -188,6 +193,8 @@ export default {
       order_num: null,
       done: false,
       message: "",
+
+      collectedPath: "",
     };
   },
   computed: {
@@ -213,6 +220,7 @@ export default {
     init(value) {
       this.contentBackground = '#FFF8F8';
       this.iconColor = '#FF4D4A';
+      this.collectedPath = getContainerPropsValue(value, "content.collectedPath", {value: ''}).value;
     },
     getList() {
       jfbRootExec("getCouponList", {
@@ -225,16 +233,22 @@ export default {
       })
         .then((res) => {
           this.background = getServiceUrl(res.background);
+          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;
+          
           this.couponList =
             res.list &&
             res.list.length > 0 &&
             res.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.btn = res.app_coupon_button_bg_url
                   ? {
                       backgroundImage: `url(${getServiceUrl(
-                        res.app_coupon_button_bg_url
+                        item.can_take_num === "Y" ? res.app_coupon_button_see_url : res.app_coupon_button_bg_url
                       )})`,
                       backgroundSize: "100%",
                       backgroundRepeat: "no-repeat",
@@ -288,7 +302,16 @@ export default {
           console.log(err, "err");
         });
     },
+    toCoupon(){
+      this.$xdUniHelper.navigateTo({
+        url: this.collectedPath,
+      });
+    },
     getCoupont(item) {
+      if(item.can_take_num === "Y") {
+        this.toCoupon();
+        return;
+      }
       this.$xdShowLoading({});
       jfbRootExec("getAllCoupon", {
         vm: this,
@@ -329,6 +352,7 @@ export default {
       })
         .then((res) => {
           if (res.status_type === "success") {
+            this.order_num = null;
             this.$xdHideLoading();
             this.$xdAlert({
               content: "领取成功",
@@ -438,6 +462,9 @@ export default {
   &__body {
     position: relative;
     overflow-y: auto;
+    padding-top: 82px;
+    box-sizing: border-box;
+    background-color: #FAFAFA;
     .empty_data {
       text-align: center;
       color: #999999;
@@ -455,8 +482,6 @@ export default {
       border-radius: unit(20, rpx);
       background: #fff;
       padding: unit(34, rpx);
-      position: relative;
-      top: unit(164, rpx);
       margin-right: auto;
       margin-left: auto;
       width: unit(650, rpx);
@@ -534,7 +559,7 @@ export default {
         color: #a6a6a6;
         font-size: unit(24, rpx);
         text-align: center;
-        margin-top: unit(40, rpx);
+        margin: unit(40, rpx) 0;
       }
     }
   }

package/src/components/JfbBaseConList/Mock.js

@@ -1,11 +1,25 @@
 'use strict';
 
 module.exports = {
-  getCouponList: {"list":[
-    {"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},
-    {"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},
-    {"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","can_take":"Y","message":"","app_coupon_url":"//sandbox-img.jufubao.cn/uploads/20231205/fee9b644b83495c9ba8a4db277600b54.jpg","app_activity_button":"//sandbox-img.jufubao.cn/uploads/20231207/35f3065b2b2bc3fc2dda73d7b5b9eae8.jpg","app_coupon_button_bg_url":"//sandbox-img.jufubao.cn/uploads/20231212/026a3ea901f87f51b531d06c24604676.png","app_coupon_invalid_url":"//sandbox-img.jufubao.cn/uploads/20231208/8b153ce4870686a37295c16fbc992235.jpg","request_id":"a2603f2a480485f4"},
+  getCouponList: {
+    "list":[
+      {"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},
+      {"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},
+      {"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":"",
+    "app_coupon_url":"//sandbox-img.jufubao.cn/uploads/20231205/fee9b644b83495c9ba8a4db277600b54.jpg",
+    "app_activity_button":"//sandbox-img.jufubao.cn/uploads/20231207/35f3065b2b2bc3fc2dda73d7b5b9eae8.jpg",
+    "app_coupon_button_bg_url":"//sandbox-img.jufubao.cn/uploads/20231212/026a3ea901f87f51b531d06c24604676.png",
+    "app_coupon_button_see_url": "//sandbox-img.jufubao.cn/uploads/20231212/026a3ea901f87f51b531d06c24604676.png",
+    "app_coupon_invalid_url":"//sandbox-img.jufubao.cn/uploads/20231208/8b153ce4870686a37295c16fbc992235.jpg",
+    "rule":"<p>打发&middot;</p>",
+    "request_id":"a2603f2a480485f4"
+  },
   getAllCoupon: {
     "request_id": "5987aa28c709d4ef"
   }

package/src/components/JfbBasePoster/Attr.js

@@ -380,6 +380,7 @@ export default {
         list: [
           {"label": "一行", "value": 1},
           {"label": "两行", "value": 2},
+          {"label": "三行", "value": 3},
         ]
       },
       params['isCarousel']===2 && params['rows'] === 1 && {

package/src/components/JfbBasePoster/MoreScreen.vue

@@ -112,7 +112,7 @@
       getHeight() {
         let height = this.height * this.config.rows;
         let padding = 0;
-        if (this.config.rows === 2) padding = Number(this.config.padding) * this.$rpxNum;
+        if (this.config.rows >= 2) padding = Number(this.config.padding) * this.$rpxNum * (this.config.rows -1);
         return height + padding;
       },
 		},

package/src/components/JfbBaseSuccess/JfbBaseSuccess.vue

@@ -321,7 +321,7 @@ import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
 import XdDailog from "@/components/XdDailog/XdDailog";
 import XdButton from "@/components/XdButton/XdButton";
 import XdUnit from "@/components/XdUnit/XdUnit";
-import { jfbRootExec } from "@/utils/xd.event";
+import { jfbRootExec, jfbRootFnExec } from "@/utils/xd.event";
 import JfbBaseSuccessMixin from "./JfbBaseSuccessMixin";
 import componentsMixins from "@/mixins/componentsMixins";
 import extsMixins from "@/mixins/extsMixins";
@@ -495,6 +495,9 @@ export default {
         },
       })
         .then((res) => {
+          if(res.status.status_type === 'success') {
+            jfbRootFnExec(this, 'onCustomEvent')("@showBaseConDialog", {order_number: this.order_id});
+          }
           this.handleOrderResolve(res);
         })
         .catch((err) => {