jufubao-base 1.0.183 → 1.0.184-beta2

package/src/components/JfbBaseCardDetailEntry/JfbBaseCardDetailEntry.vue

@@ -71,6 +71,13 @@
         <view v-if="0">
           <xd-button size="small" type="primary" width="100%">消费记录</xd-button>
         </view>
+        <view v-if="info.is_can_transfer==='Y'">
+          <xd-button
+            width="100%"
+            @click="handleGive()"
+            size="small"
+            type="primary">赠送</xd-button>
+        </view>
         <view v-if="info.is_exchange==='Y'">
           <xd-button
             width="100%"
@@ -155,6 +162,7 @@ export default {
       isBrandLogo: false,
       isShowUnbind: false, //是否启动绑定按钮
       headerBg: {},
+      give_url: ""
     };
   },
   watch: {
@@ -204,6 +212,7 @@ export default {
     init(container) {
       this.backUrl = getContainerPropsValue(container,  "content.back_url", { value: "" }).value;
       this.shift_url = getContainerPropsValue(container,  "content.shift_url", { value: "" }).value;
+      this.give_url = getContainerPropsValue(container,  "content.give_url", { value: "" }).value;
       //'wechat_mini_program|default'
       this.entryGroupId = getContainerPropsValue(container,"content.entryGroupId","default");
     },
@@ -305,6 +314,11 @@ export default {
           .catch();
       }, time);
     },
+    handleGive() {
+      this.$xdUniHelper.navigateTo({
+        url: `${this.give_url}?card_number=${this.info["card_number"]}`,
+      });
+    },
     /**
      * @description 已绑定卡登录
      * @param entry

package/src/components/JfbBaseCardDetailEntry/Mock.js

@@ -2,5 +2,5 @@
 
 module.exports = {
   getCardYueEntry: {},
-  getBaseByIdCardDetailEntry: {"card_number":"101001000008091","card_point":99875,"card_type_name":"多余额福卡","end_time":"2025-04-30","card_status":"Y","card_status_name":"开启","card_qrcode":"\/\/sandbox-apis.jufubao.cn\/common\/v1\/image\/qrcode?code_content=h.161.y7uomss6bqulqla","barcode":"\/\/sandbox-apis.jufubao.cn\/common\/v1\/image\/barcode?code_content=h.161.y7uomss6bqulqla","card_qrcode_expire":600,"unit":"点","main_business_code_name":"电影(勿改)、网络视听(勿改)、体检(勿改)","other_card_point":79900,"is_exchange":"N","exchange_card_type_name":"福券","exchange_card_point":98876,"card_point_type":2,"is_show_qrcode_logo":"Y","is_can_unbind":"Y","site_entry_settings":[{"id":57,"business_code":"movie","entry_name":"在线选座","image_url":"\/uploads\/20230927\/74fcb8bf1bf617249eee5f1416533766.png","redirect_data":"{\"path\":\"https:\\\/\\\/website-01.jufubao.cn\\\/base\\\/system\\\/zhrk\\\/zkrk\"}","redirect_type":"URL"},{"id":10,"business_code":"gift","entry_name":"礼包","image_url":"\/uploads\/20230927\/f1c8a447209eb04d77c2095a13cdadf4.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/gift\\\/type\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/gift\\\/type\",\"frontPath\":\"\\\/apply\\\/main\\\/gift\\\/type\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":7,"business_code":"movie","entry_name":"在线选座","image_url":"\/uploads\/20230927\/61b3302ec80009964e0a4b7b2336e5cf.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/movie\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/movie\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/movie\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":9,"business_code":"cake","entry_name":"蛋糕","image_url":"\/uploads\/20230927\/e582dc796bdb703a10860bcbbbb378f3.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/cake\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/cake\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/cake\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":18,"business_code":"book","entry_name":"图书","image_url":"\/uploads\/20230927\/9edcdc737c48cdbf9364e321e8199a93.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/book\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/book\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/book\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":8,"business_code":"market","entry_name":"百货","image_url":"\/uploads\/20230927\/920c4bd80f0a995e245aedbfaf1181d5.png","redirect_data":"{\"dir\":\"apply02\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/mall\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply02\\\/main\\\/mall\\\/index\",\"frontPath\":\"\\\/apply02\\\/main\\\/mall\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":17,"business_code":"video","entry_name":"网络视听","image_url":"\/uploads\/20230927\/1ca9647b7ddd9937054792412d3c2367.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/video\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/video\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/video\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":35,"business_code":"v-RcA8Mv-Gpd96_Y_mjIf","entry_name":"全福券","image_url":"\/uploads\/20230927\/53191864826b864b8b6fd4f1eb397a93.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/system\\\/card\\\/card\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/system\\\/card\\\/card\",\"frontPath\":\"\\\/apply\\\/system\\\/card\\\/card\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":40,"business_code":"93028be3","entry_name":"专区","image_url":"\/uploads\/20230927\/84d23a8c7af7a63842eb696c00068b3d.png","redirect_data":"{\"dir\":\"apply05\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/mall\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply05\\\/main\\\/mall\\\/index\",\"frontPath\":\"\\\/apply05\\\/main\\\/mall\\\/index\",\"fixed_business_code\":\"-y8t4cmogeFvi8fmuxFSK\"}","redirect_type":"INN"},{"id":34,"business_code":"food","entry_name":"餐饮","image_url":"\/uploads\/20230927\/97728bf3ef2a6361c0a1771549d2d435.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/food\\\/rkym\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/food\\\/rkym\",\"frontPath\":\"\\\/apply\\\/main\\\/food\\\/rkym\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":54,"business_code":"health","entry_name":"体检","image_url":"\/uploads\/20230927\/e06b058a2104025ffecee960b3b9321d.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/health\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/health\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/health\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":30,"business_code":"travel","entry_name":"旅游","image_url":"\/uploads\/20230927\/09ceefe2d1776a399b567c7acdf2c9db.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/travel\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/travel\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/travel\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":16,"business_code":"play","entry_name":"演出","image_url":"\/uploads\/20230927\/07e1d76f1850fbadc9a12d7ff2d7689c.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/play\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/play\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/play\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"}],"business_codes":["movie","market","cake","book"],"request_id":"58eec3f9f6e96cf0"}
+  getBaseByIdCardDetailEntry: {"card_number":"101001000008091","card_point":99875,"card_type_name":"多余额福卡","end_time":"2025-04-30","card_status":"Y","card_status_name":"开启","is_can_transfer":"Y","card_qrcode":"\/\/sandbox-apis.jufubao.cn\/common\/v1\/image\/qrcode?code_content=h.161.y7uomss6bqulqla","barcode":"\/\/sandbox-apis.jufubao.cn\/common\/v1\/image\/barcode?code_content=h.161.y7uomss6bqulqla","card_qrcode_expire":600,"unit":"点","main_business_code_name":"电影(勿改)、网络视听(勿改)、体检(勿改)","other_card_point":79900,"is_exchange":"N","exchange_card_type_name":"福券","exchange_card_point":98876,"card_point_type":2,"is_show_qrcode_logo":"Y","is_can_unbind":"Y","site_entry_settings":[{"id":57,"business_code":"movie","entry_name":"在线选座","image_url":"\/uploads\/20230927\/74fcb8bf1bf617249eee5f1416533766.png","redirect_data":"{\"path\":\"https:\\\/\\\/website-01.jufubao.cn\\\/base\\\/system\\\/zhrk\\\/zkrk\"}","redirect_type":"URL"},{"id":10,"business_code":"gift","entry_name":"礼包","image_url":"\/uploads\/20230927\/f1c8a447209eb04d77c2095a13cdadf4.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/gift\\\/type\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/gift\\\/type\",\"frontPath\":\"\\\/apply\\\/main\\\/gift\\\/type\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":7,"business_code":"movie","entry_name":"在线选座","image_url":"\/uploads\/20230927\/61b3302ec80009964e0a4b7b2336e5cf.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/movie\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/movie\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/movie\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":9,"business_code":"cake","entry_name":"蛋糕","image_url":"\/uploads\/20230927\/e582dc796bdb703a10860bcbbbb378f3.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/cake\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/cake\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/cake\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":18,"business_code":"book","entry_name":"图书","image_url":"\/uploads\/20230927\/9edcdc737c48cdbf9364e321e8199a93.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/book\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/book\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/book\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":8,"business_code":"market","entry_name":"百货","image_url":"\/uploads\/20230927\/920c4bd80f0a995e245aedbfaf1181d5.png","redirect_data":"{\"dir\":\"apply02\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/mall\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply02\\\/main\\\/mall\\\/index\",\"frontPath\":\"\\\/apply02\\\/main\\\/mall\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":17,"business_code":"video","entry_name":"网络视听","image_url":"\/uploads\/20230927\/1ca9647b7ddd9937054792412d3c2367.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/video\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/video\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/video\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":35,"business_code":"v-RcA8Mv-Gpd96_Y_mjIf","entry_name":"全福券","image_url":"\/uploads\/20230927\/53191864826b864b8b6fd4f1eb397a93.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/system\\\/card\\\/card\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/system\\\/card\\\/card\",\"frontPath\":\"\\\/apply\\\/system\\\/card\\\/card\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":40,"business_code":"93028be3","entry_name":"专区","image_url":"\/uploads\/20230927\/84d23a8c7af7a63842eb696c00068b3d.png","redirect_data":"{\"dir\":\"apply05\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/mall\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply05\\\/main\\\/mall\\\/index\",\"frontPath\":\"\\\/apply05\\\/main\\\/mall\\\/index\",\"fixed_business_code\":\"-y8t4cmogeFvi8fmuxFSK\"}","redirect_type":"INN"},{"id":34,"business_code":"food","entry_name":"餐饮","image_url":"\/uploads\/20230927\/97728bf3ef2a6361c0a1771549d2d435.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/food\\\/rkym\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/food\\\/rkym\",\"frontPath\":\"\\\/apply\\\/main\\\/food\\\/rkym\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":54,"business_code":"health","entry_name":"体检","image_url":"\/uploads\/20230927\/e06b058a2104025ffecee960b3b9321d.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/health\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/health\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/health\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":30,"business_code":"travel","entry_name":"旅游","image_url":"\/uploads\/20230927\/09ceefe2d1776a399b567c7acdf2c9db.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/travel\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/travel\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/travel\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"},{"id":16,"business_code":"play","entry_name":"演出","image_url":"\/uploads\/20230927\/07e1d76f1850fbadc9a12d7ff2d7689c.png","redirect_data":"{\"dir\":\"apply\",\"host\":\"sandbox-website-05.jufubao.cn\",\"path\":\"\\\/main\\\/play\\\/index\",\"site_id\":\"17928cc37788be02\",\"site_url\":\"https:\\\/\\\/sandbox-website-05.jufubao.cn\\\/apply\\\/main\\\/play\\\/index\",\"frontPath\":\"\\\/apply\\\/main\\\/play\\\/index\",\"fixed_business_code\":\"\"}","redirect_type":"INN"}],"business_codes":["movie","market","cake","book"],"request_id":"58eec3f9f6e96cf0"}
 }

package/src/components/JfbBaseCardEntry/Attr.js

@@ -322,6 +322,18 @@ export default {
       },
       inline: false,
     },
+    {
+      label: '转赠中票券详情地址:',
+      ele: 'xd-select-pages-path',
+      valueKey: 'give_url',
+      groupKey:'advanced',
+      placeholder: '请选择转赠中票券详情地址',
+      value: null,
+      setting: {
+        router: XdBus.getParentApi('getPagesTree'),
+      },
+      inline: false,
+    },
     {
       label: '票券密码绑定地址:',
       ele: 'xd-select-pages-path',
@@ -346,5 +358,114 @@ export default {
       },
       inline: false,
     },
+    {
+      ele: "title",
+      label: "我的优惠券样式配置",
+      size: "small",
+      groupKey: "style",
+    },
+    {
+      label: "是否切换到优惠券",
+      ele: "xd-radio",
+      valueKey: "isShowCoupon",
+      groupKey:'style',
+      value:"N",
+      list: [
+        {label: "是", value: "Y"},
+        {label: "否", value: "N"},
+      ]
+    },
+    {
+      label: "优惠券左侧背景色设置:",
+      ele: "xd-gradient-color",
+      valueKey: "couponLeftBgColor",
+      value: 'linear-gradient(180deg, #FFA852 0%, #FF5733 100%)',
+      groupKey:'style',
+    },
+    {
+      label: "圆角设置",
+      ele: 'xd-site-select-list',
+      valueKey: 'couponRadius',
+      value: 16,
+      groupKey:'style',
+      placeholder: '请选择内容圆角设置',
+      multiple: false,
+      className: 'input80',
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
+    {
+      label: "优惠券标题背景颜色设置:",
+      ele: "xd-color",
+      valueKey: "couponTitleBgColor",
+      value: null,
+      groupKey:'style',
+      setting: {
+        showAlpha: true,
+        isAlpha: true
+      },
+    },
+    {
+      label: "去使用按钮文字背景色设置: ",
+      ele: "xd-text-and-bgc",
+      groupKey:'style',
+      valueKey: "couponBtnTextStyle",
+      value: null,
+      setting: {
+        fontSize: true, //字体大小选择
+        color: true, //文字颜色选项
+        bgColor: true, //背景选项
+        weight: true, //文字粗细
+      },
+      handleCustom({action, data}) {
+        XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_font_size'})
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+            data.cb([])
+          });
+      },
+    },
+    {
+      label: "按钮内边距设置:",
+      groupKey:'style',
+      ele: 'xd-margin-padding',
+      valueKey: 'couponUseBtnPadding',
+      value: null,
+      setting: {
+        type: 'padding',
+      },
+      placeholder: '请设置边距',
+      inline: false,
+      notice: '设置内边距，<span style="color: red">单位：像素</span>。默认值：<span style="color: red">20</span>像素',
+    },
+    {
+      label: "按钮圆角设置",
+      ele: 'xd-site-select-list',
+      valueKey: 'couponBtnRadius',
+      value: 16,
+      groupKey:'style',
+      placeholder: '请选择内容圆角设置',
+      multiple: false,
+      className: 'input80',
+      handleCustom({ action, data }) {
+        XdBus.getParentApi('getOptionsSettingList')({ setting_id: 'edtix_style_radius' })
+          .then(res => {
+            data.cb(res.list)
+          })
+          .catch(error => {
+            console.error(error);
+          });
+      },
+    },
   ],
 };

package/src/components/JfbBaseCardEntry/JfbBaseCardEntry.vue

@@ -110,18 +110,31 @@
           }"
         >已绑定票券</view>
         <view
-          v-if="hasChangeStatus"
           @click="tabIndex = 2"
           :style="{
             color: tabIndex === 2 ? '#fff' : '#B8B7BE',
             background: tabIndex === 2 ? mainColor : '#fff',
           }"
-        >可转换票券</view>
+        >优惠券</view>
+      </view>
+      <view class="jfb-base-card-entry__body-sub-tab" v-if="tabIndex === 1">
+        <view :style="{
+          color: subTabIndex === 1 ? mainColor : '#fff',
+          background: subTabIndex === 1 ? noticeBackgroundColor : '#DDDDDD',
+        }" @click="subTabIndex=1" class="jfb-base-card-entry__body-sub-tab-item">可用票券</view>
+        <view :style="{
+          color: subTabIndex === 2 ? mainColor : '#fff',
+          background: subTabIndex === 2 ? noticeBackgroundColor : '#DDDDDD',
+        }" @click="subTabIndex=2" class="jfb-base-card-entry__body-sub-tab-item">可转票券</view>
+        <view :style="{
+          color: subTabIndex === 3 ? mainColor : '#fff',
+          background: subTabIndex === 3 ? noticeBackgroundColor : '#DDDDDD',
+        }" @click="subTabIndex=3" class="jfb-base-card-entry__body-sub-tab-item">赠送中</view>
       </view>
       <view
         class="jfb-base-card-entry__body-tips"
         :style="{ color: warningColor }"
-        v-if="tabIndex === 2"
+        v-if="subTabIndex === 2&&tabIndex === 1"
       >* 目前仅支持电影票兑换券进行转换</view>
       <view class="card-content">
         <view v-if="loadingCardList" class="jfb-base-card-entry__body-card skeleton-card">
@@ -154,7 +167,7 @@
 
         <template v-else>
           <view
-            v-if="tabIndex === 2 || tabIndex === 1 && (cardList && cardList.length > 0)"
+            v-if="tabIndex === 1 && (cardList && cardList.length > 0)"
             class="jfb-base-card-entry__body-card"
           >
             <view
@@ -169,7 +182,7 @@
               :style="{
                 background: item['theme']['color'],
                 backgroundSize: '100%',
-                height: item.height + 'px'
+                height: subTabIndex !== 3 ? item.height + 'px' : '300rpx'
               }"
             >
               <view class="card-list-warp" :style="{backgroundImage: 'url('+ item['theme']['image'] +')'}">
@@ -184,7 +197,7 @@
                     <text>券号：</text>
                     <text>{{item.card_number}}{{showIndex?(':' + index):''}}</text>
                   </view>
-                  <view @click.stop="toDetail(item)" v-if="isShowCode === 'Y'">
+                  <view @click.stop="toDetail(item)" v-if="subTabIndex !== 3&&isShowCode === 'Y'&&!force">
                     <view>
                       <xd-font-icon icon="iconerweima" width="56" height="56" size="50" color="#fff"></xd-font-icon>
                     </view>
@@ -202,15 +215,25 @@
                 <view class="card-list__other" v-if="item.other_card_point && item.card_point_type === 2">
                   <view><text>购买其他物品可抵：</text><text>{{item.other_card_point}} {{ item.unit }}</text></view>
                 </view>
-                <template v-if="tabIndex === 1">
-                  <view class="card-list__entry" v-if="item.entries.length === 1">
+                <template v-if="subTabIndex === 1">
+                  <view class="card-list__entry" v-if="item.is_login==='N'&&force">
+                    <view 
+                      @click.stop="handleBindLogin(item,item['entries'][0])"
+                      :style="{
+                        background: '#fff',
+                        color: item['theme']['color']}"
+                    >
+                      登录
+                    </view>
+                  </view>
+                  <view class="card-list__entry" v-if="item.entries.length === 1&&!force">
                     <view
                       @click.stop="handleBindLogin(item,item['entries'][0])"
                       :style="{color: item['theme']['color']}"
                     >进入{{item['entries'][0]['entry_name']}}</view>
                   </view>
-                  <view class="card-list__nodata" v-if="item.entries.length === 0">暂无支持服务列表</view>
-                  <view class="card-list__entrys" v-if="item.entries.length > 1" @click.stop>
+                  <view class="card-list__nodata" v-if="item.entries.length === 0&&!force">暂无支持服务列表</view>
+                  <view class="card-list__entrys" v-if="item.entries.length > 1&&!force" @click.stop>
                     <view class="card-list__entrys-title">
                       <view>可兑换权益</view>
                       <view @click.stop="toDetail(item, false)">
@@ -238,7 +261,7 @@
                     </view>
                   </view>
                 </template>
-                <view class="card-list__entry" v-else>
+                <view class="card-list__entry" v-else-if="subTabIndex===2">
                   <view
                     @click.stop="handleBindLogin(item,item['entries'][0])"
                     :style="{color: item['theme']['color']}"
@@ -258,6 +281,27 @@
               }"
             ></view>
           </view>
+          <view v-if="tabIndex===2&&(couponList&&couponList.length)">
+            <view v-if="couponList.length" class="coupon_list">
+            <CusCouponItem v-for="(item, i) in couponList" :key="i"
+              style="margin-bottom:20rpx"
+              :couponRadius="couponRadius"
+              :couponImageUrl="couponImageUrl"
+              :couponTitleBgColor="couponTitleBgColor"
+              :couponUseBtnPadding="couponUseBtnPadding"
+              :couponBtnRadius="couponBtnRadius"
+              :couponBtnTextStyle="couponBtnTextStyle"
+              :couponLeftBgColor="couponLeftBgColor"
+              :item="item"
+              :mainColor="mainColor"
+              @useCoupon="handleBindLogin(item,item['entries'][0])"
+              @toDetail="toDetail(item)"
+            ></CusCouponItem>
+          </view>
+          <view v-else>
+            暂无数据
+          </view>
+          </view>
           <view v-else-if="cardList !== null && cardList.length === 0">
             <view class="jfb-base-card-entry__body-empty">
               <view class="jfb-base-card-entry__body-empty-wrap">
@@ -292,7 +336,6 @@
           ></xd-font-icon>
         </view>
       </view>
-
       <view class="computed-height" >
         <view
           v-for="(item,index) in cardComputedList"
@@ -329,7 +372,7 @@
             <view class="card-list__other" v-if="item.other_card_point && item.card_point_type === 2">
               <view><text>购买其他物品可抵：</text><text>{{item.other_card_point}} {{ item.unit }}</text></view>
             </view>
-            <template v-if="tabIndex === 1">
+            <template v-if="subTabIndex === 1">
               <view class="card-list__entry" v-if="item.entries.length === 1">
                 <view
                   @click.stop="handleBindLogin(item,item['entries'][0])"
@@ -345,7 +388,7 @@
                     <xd-font-icon icon="iconxiangyou_xian" color="#999" size="20"></xd-font-icon>
                   </view>
                 </view>
-                <view class="card-list__entrys-list">
+                <view v-if="!force" class="card-list__entrys-list">
                   <scroll-view scroll-x class="card-list__entrys-scroll">
                     <view class="card-list__entrys-item">
                       <view
@@ -392,6 +435,7 @@ import { mapState, mapActions } from "vuex";
 import { getContainerPropsValue, isWechat,isQrCode } from "@/utils/xd.base";
 import XdNoticeBar from "@/components/XdNoticeBar/XdNoticeBar";
 import { Base64 } from "js-base64";
+import CusCouponItem from "@/components/CusCouponItem/CusCouponItem";
 import getServiceUrl from "@/common/getServiceUrl";
 import {parsePath} from "@/utils/linkUrl";
 const Color = require("color");
@@ -402,7 +446,8 @@ export default {
     XdFontIcon,
     XdButton,
     XdNoticeBar,
-    XdCardV2
+    XdCardV2,
+    CusCouponItem
   },
   mixins: [componentsMixins, extsMixins, JfbBaseCardEntryMixin, colorCardMixins, cardListMixins],
   computed: {
@@ -429,6 +474,11 @@ export default {
       this.clearDefault();
       this.cardPageNum = 0;
       this.onJfbLoad(this.options);
+    },
+    subTabIndex() {
+      this.clearDefault();
+      this.cardPageNum = 0;
+      this.onJfbLoad(this.options);
     }
   },
   data() {
@@ -469,6 +519,43 @@ export default {
       //活动
       dialogEvent: false,
       popup: "https://img.zcool.cn/community/01784158abe781a801219c77e981ee.jpg?x-oss-process=image/auto-orient,1/resize,m_lfit,w_1280,limit_1/sharpen,100",
+      subTabIndex: 1,
+      force: false, //是否强制卡登录
+      give_url: '',
+      couponList: [],
+      isShowCoupon: 'N',
+      couponBtnRadius: 16,
+      couponLeftBgColor: "",
+      couponTitleBgColor: "",
+      couponBtnTextStyle: {}, //优惠券包登录按钮文字背景色设置
+      couponUseBtnPadding: {},
+      couponImageUrl: "",
+      testCouponList: [
+         {
+          card_number: '10001000001168',
+          card_point: 5000,
+          card_type: '0',
+          card_type_name: '满50减50',
+          unit: '点',
+          end_time: '2024-11-23',
+          is_valid: 'Y',
+          main_business_code_name: '',
+          other_card_point: 0,
+          is_exchange: 'N',
+          card_point_type: 1,
+          business_codes: [
+            'cake',
+            'movie',
+            'video',
+            'market',
+            'book'
+          ],
+          is_login: 'N',
+          consume_type: '2',
+          card_use_rule: '满50减1',
+          is_transfering: 'N'
+        },
+      ]
     };
   },
   created() {
@@ -502,11 +589,28 @@ export default {
       this.bindUrl = getContainerPropsValue(container,"content.bind_url",{value: ""}).value;
       this.detailUrl = getContainerPropsValue(container,"content.detail_url",{value: ""}).value;
       this.confirmUrl = getContainerPropsValue(container,"content.confirm_url",{value: ""}).value;
+      this.give_url = getContainerPropsValue(container,"content.give_url",{value: ""}).value;
       this.login_name = getContainerPropsValue(container, "content.login_name", "登录");
       this.isShowCode = getContainerPropsValue(container, "content.isShowCode", "Y");
+      this.isShowCoupon = getContainerPropsValue(container, "content.isShowCoupon", "N");
       this.bindCard = getContainerPropsValue(container,"content.bindCard","1");
       //'wechat_mini_program|default'
       this.entryGroupId = getContainerPropsValue(container,"content.entryGroupId","default");
+      this.couponBtnRadius = getContainerPropsValue(container, "content.couponBtnRadius", 16);
+      this.couponUseBtnPadding = getContainerPropsValue(container, "content.couponUseBtnPadding", {top: 20, left: 20, right: 20, bottom: 20});
+      this.couponBtnTextStyle = getContainerPropsValue(container, "content.couponBtnTextStyle", {
+        color: '#fff',
+        bgColor: '#ff5722',
+        fontSize: '30rpx',
+        fontWeight: 'normal'
+      });
+      this.couponTitleBgColor = getContainerPropsValue(container, "content.couponTitleBgColor", 'rgba(255, 87, 51, 0.1)');
+      this.couponRadius = getContainerPropsValue(container, "content.couponRadius", 16);
+      this.couponLeftBgColor = getContainerPropsValue(container, "content.couponLeftBgColor", "linear-gradient(180deg, #FFA852 0%, #FF5733 100%)");
+      this.couponImageUrl = getContainerPropsValue(container, "content.couponImageUrl", "");
+      if(this.isPreview) {
+        this.tabIndex = this.isShowCoupon==='Y'?2:1;
+      }
     },
 
     handleToLink(path) {
@@ -592,12 +696,19 @@ export default {
      */
     handleBindLogin(item , entry) {
       //卡券登录
-      if (this.tabIndex === 1) {
+      if (this.tabIndex === 1||this.tabIndex === 2) {
         if (item["is_valid"] !== "Y") {
           return;
         }
 
         this.$xdShowLoading({});
+        //转换卡跳转
+        if(this.subTabIndex===2){
+          this.$xdUniHelper.navigateTo({
+            url: `${this.changeUrl}?card_number=${item["card_number"]}`
+          }, false);
+          return
+        }
         jfbRootExec("loginEntryCardBind", {
           vm: this,
           data: { card_number: item["card_number"] },
@@ -624,13 +735,6 @@ export default {
             this.$xdHideLoading();
           });
       }
-
-      //转换卡跳转
-      else {
-        this.$xdUniHelper.navigateTo({
-          url: `${this.changeUrl}?card_number=${item["card_number"]}`
-        }, false);
-      }
     },
 
 
@@ -713,15 +817,22 @@ export default {
     },
 
     toDetail(item, out=true) {
-      this.$xdUniHelper.navigateTo({
-        url: `${this.detailUrl}?card_number=${item["card_number"]}`,
-      }, false);
+      if(this.subTabIndex===3) {
+        this.$xdUniHelper.navigateTo({
+          url: `${this.give_url}?card_number=${item["card_number"]}`,
+        }, false);
+      } else {
+        this.$xdUniHelper.navigateTo({
+          url: `${this.detailUrl}?card_number=${item["card_number"]}`,
+        }, false);
+      }
     },
 
     onJfbLoad(options) {
       if(options['x-test'] === 'jfb-console') this.showIndex = true;
       this.options = options;
       let { inCallback } = options;
+      this.force = inCallback?true:false;
       if(!inCallback) this.$storage.remove("inCallback"); //作为入口
       else {
         this.$storage.set("inCallback", inCallback);
@@ -738,12 +849,43 @@ export default {
       //登录成功调整地址优先级
       this.inCallback = inCallback || this.allEntryPath || this.settings.index;
       this.getContent();
+      if(this.tabIndex===1) {
+        this.getCardList(options);
+      } else {
+        this.getCouponList(options);
+      }
+    },
 
-      this.getCardList(options);
+    getCouponList(options) {
+      let params = {is_all: 'Y', is_show_entry_settings: 'Y', show_type: 'coupon'};
+      if(options['jfb_business_code']) {
+        params['card_business_code'] = options['jfb_business_code'];
+      }
+      if(this.entryGroupId) params['group_id'] = this.entryGroupId;
+      this.$xdShowLoading({});
+      jfbRootExec("getListEntryCardBind", {
+        vm: this,
+        data: params
+      }).then(res=>{
+        this.loadingCardList = false;
+          this.showDisabled = res.is_show_invalid_card_entrance;
+          if(this.isPreview) {
+            res.list = this.testCouponList
+          }
+          //过滤入口配置          
+          res['site_entry_settings'] = this.filterNotSupportEntry(res['site_entry_settings']);
+          let newCardList = this.$xdUniHelper.cloneDeep(res.list);
+          this.couponList = this.getCardGroupItem(newCardList, res['site_entry_settings']);
+          console.log(this.couponList,'this.couponList');
+          
+          this.$xdHideLoading({});
+
+      }) .catch(() => this.$xdHideLoading());
+        
     },
 
     getCardList(options) {
-      let params = {is_all: 'Y', is_show_entry_settings: 'Y'};
+      let params = {is_all: 'Y', is_show_entry_settings: 'Y', show_type: 'normal'};
       if(options['jfb_business_code']) {
         params['card_business_code'] = options['jfb_business_code'];
       }
@@ -777,7 +919,17 @@ export default {
           this.hasChangeStatus = this.getCardGroupItem(this.ajaxCardList.list.filter((item) => {
             return item["is_exchange"] === "Y";
           }), res['site_entry_settings']).length > 0;
-          this.handleCardInit(this.ajaxCardList, this.tabIndex === 1);
+          let type = ""
+          if(this.subTabIndex === 1) {
+            type = 'is_valid'
+          } else if(this.subTabIndex === 2) {
+            type = 'is_exchange'
+          } else {
+            type = 'is_transfering'
+          }
+          console.log(this.ajaxCardList, type, 'this.ajaxCardList, type');
+          
+          this.handleCardInit(this.ajaxCardList, type);
           this.cardPageNum = 1;
           this.$xdHideLoading();
         })
@@ -910,6 +1062,19 @@ export default {
 
     }
 
+    &-sub-tab {
+      display: flex;
+      align-items: center;
+      margin-bottom: 32rpx;
+
+      &-item {
+        font-size: 28rpx;
+        padding: 8rpx 16rpx;
+        border-radius: 8rpx;
+        margin-right: 24rpx
+      }
+    }
+
     &-tab {
       display: flex;
       align-items: center;
@@ -1221,6 +1386,18 @@ export default {
   }
 }
 
+.coupon_list{
+  ::v-deep .xd-coupon_item{
+    margin: var(--card-list-margin) 0;
+  }
+}
+.no_more_card{
+  text-align: center;
+  padding: 20rpx 0;
+  color: #CCCCCC;
+  font-size: 28rpx;
+}
+
 .computed-height {
   position: fixed;
   top:-999999px;