jufubao-base 1.0.85 → 1.0.87-beta2

package/package.json

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

package/src/common/authorize.js

@@ -29,7 +29,6 @@ class JfbAuthorize {
       'card': 'JFB-CARD-TOKEN-{siteID}',
       'refresh': 'JFB-REFRESH-TOKEN-{siteID}',
       'access': 'JFB-ACCESS-TOKEN',
-      'cardCode':'JFB-CARD-CODE-{siteID}'
     }, settings.token? settings.token: {});
   }
 
@@ -41,7 +40,6 @@ class JfbAuthorize {
    * @returns {string|*}
    */
   getTokenKeyword(key){
-
     if (!this.config[key]) key = 'user';
     if(key === 'access') return this.config.access;
     else{
@@ -85,8 +83,6 @@ class JfbAuthorize {
    */
   removeToken(key, options = {}) {
     key = this.getTokenKeyword(key);
-    let codeKey =  this.getTokenKeyword('cardCode');
-    debugger
     //#ifdef H5
     cookie.remove(key, options);
     console.warn(`cookie.key=${key}`);
@@ -146,7 +142,7 @@ class JfbAuthorize {
    * @description 跳转到用户登陆页面
    * @param $vm {Vue}
    */
-  jumpToUserLogin($vm,isRedirect) {
+  jumpToUserLogin($vm) {
     let redirect_url = '';
     if(store.state.configProject.platform === 'mp.weixin') {
       redirect_url = $vm['$xdUniHelper'].parseURL().source;

package/src/components/JfbBaseAfterOrderList/JfbBaseAfterOrderList.vue

@@ -135,7 +135,7 @@ export default {
       page_token: 1,
       hasNext: true,
       next_page_token: "",
-      loadingList: false,
+      loadingList: true,
 
       //基础
       radius: 0,
@@ -248,7 +248,6 @@ export default {
     },
     getList() {
       this.$xdShowLoading({});
-      this.loadingList = true;
       jfbRootExec("getAfterOrderList", {
         vm: this,
         data: {

package/src/components/JfbBaseCard/JfbBaseCard.vue

@@ -508,7 +508,6 @@ export default {
         params['card_business_code'] = options['jfb_business_code'];
       }
       this.$xdShowLoading({});
-      this.loadingCardList = true;
       jfbRootExec("getListCardBind", {
         vm: this,
         data: params

package/src/components/JfbBaseCardDisabled/JfbBaseCardDisabled.vue

@@ -111,7 +111,7 @@ export default {
     return {
       disableList: [],
       isShowUnbind: false,
-      loadingList: false,
+      loadingList: true,
     };
   },
   watch: {
@@ -129,7 +129,6 @@ export default {
     },
     getCardList() {
       this.$xdShowLoading({});
-      this.loadingList = true;
       jfbRootExec("getDisableCardList", {
         vm: this,
         data: {

package/src/components/JfbBaseCardEntry/JfbBaseCardEntry.vue

@@ -428,7 +428,7 @@ export default {
       notice: "",
       isPreview: false,
       noticeStatus: false,
-      loadingCardList: false,
+      loadingCardList: true,
 
       isWx: true,
       cutIndex: 1,
@@ -681,7 +681,6 @@ export default {
       if(options['jfb_business_code']) {
         params['card_business_code'] = options['jfb_business_code'];
       }
-      this.loadingCardList = true;
       this.$xdShowLoading({});
       jfbRootExec("getListEntryCardBind", {
         vm: this,

package/src/components/JfbBaseCardV2/JfbBaseCardV2.vue

@@ -150,7 +150,7 @@
           bottom: 0,
           right: 0
         },
-        loadingCardList: false
+        loadingCardList: true
       }
     },
     watch: {
@@ -189,7 +189,6 @@
           params['card_business_code'] = options['jfb_business_code'];
         }
 
-        this.loadingCardList = true;
         jfbRootExec("getListCardBind", {
           vm: this,
           data: params,

package/src/components/JfbBaseCardV3/JfbBaseCardV3.vue

@@ -71,7 +71,7 @@
         changeUrl: "",
         detailUrl: "",
         login_name:'',
-        loadingCardList: false,
+        loadingCardList: true,
       }
     },
     watch: {
@@ -108,7 +108,6 @@
           params['card_business_code'] = options['jfb_business_code'];
         }
 
-        this.loadingCardList = true;
         jfbRootExec("getListCardBind", {
           vm: this,
           data: params,

package/src/components/JfbBaseFastLink/JfbBaseFastLink.vue

@@ -196,7 +196,7 @@
             if(dir) jumpUrl = `//${window.location.host}/${dir}${path}`;
             else jumpUrl = path;
             //#endif
-            jumpUrl = `${jumpUrl}${bus}`;
+            jumpUrl = `${jumpUrl}${bus}}`;
             return { name: item.name, path: jumpUrl, icon: item.icon, size: item.size }
           }
         })

package/src/components/JfbBaseLogin/JfbBaseLogin.vue

@@ -170,7 +170,7 @@
           >忘记密码</view
         >
       </view>
-      <view  class="bottom_btn" :style="prod_bottom" v-if="isPreview === 'Y'">
+      <view  class="bottom_btn" :style="prod_bottom" v-if="isPreview === 'Y' || isDebugPreview">
         <view @click="dialogPreview = true" :style="{
           color: mainColor,
           border: `1px solid ${mainColor}`
@@ -280,6 +280,7 @@ export default {
       partnerName: "",
       logoTextColor: "",
       isPreview:'N', //是否启用体验码模式
+      isDebugPreview: false,
     };
   },
   computed: {
@@ -360,6 +361,7 @@ export default {
 
     onJfbLoad(options) {
       this.redirect_url = options.redirect_url ? Base64.decode(options.redirect_url): '';
+      this.isDebugPreview = options['x-test'] === 'jfb-tiyan';
       // #ifdef MP-WEIXIN
       this.authWxMpListProviders();
       // #endif
@@ -908,7 +910,6 @@ export default {
 .login-pub {
   margin-top: unit(40, rpx);
 }
-
 .bottom_btn {
   position: fixed;
   width: 100%;

package/src/components/JfbBaseOrderDetail/JfbBaseOrderDetail.vue

@@ -294,6 +294,9 @@
             <view class="jfb-base-order-detail__body-cashier-text">
               {{ info.codes[0].can_read_code }}
             </view>
+            <view v-if="info.codes[0].refund_tip_text" style="color:red;font-size:24rpx;text-align:center;margin-top:10rpx">
+              {{info.codes[0].refund_tip_text}}
+            </view>
             <view
               v-if="info.codes[0].code_end_time"
               class="jfb-base-order-detail__body-cashier-code"

package/src/components/JfbBaseOrderList/JfbBaseOrderList.vue

@@ -223,7 +223,7 @@ export default {
       payPath: "",
       status: null, //全部、已完成、已取消
       initStatus: false,
-      loadingList: false,
+      loadingList: true,
 
       //基础
       radius: 0,
@@ -422,7 +422,6 @@ export default {
       this.$xdShowLoading({});
       let tab = "all";
       if (status) tab = this.tabList[this.tabIndex].status;
-      this.loadingList = true;
       jfbRootExec("getBaseOrderList", {
         vm: this,
         data: {

package/src/components/JfbBasePoster/Attr.js

@@ -8,6 +8,7 @@ import console from "@dcloudio/uni-h5/src/core/helpers/console";
 export default {
   style:[],
   content:(params)=>{
+    console.log(params,'anananananana');
     if(!params['isCarousel']) params['isCarousel'] = 1;
     return [
       {
@@ -220,7 +221,26 @@ export default {
           {required: true, message: '请选择广告位置', trigger: 'change'},
         ],
       },
-      params.poster && params.poster['type'] !== '1' && {
+      params.poster && params.poster['type']&& params.poster['type'] !== '1' && {
+        label: '广告背景图:',
+        ele: 'xd-upload',
+        valueKey: 'background',
+        value: params.background || {},
+        defaultValue: params.background || null,
+        slot: true,
+        oneWidth: 100,
+        oneHeight: 100,
+        elinputClassName: 'input40',
+        tipsformet: '上传文件格式：@imageType@，不超过@size@MB.',
+        type: ['jpg', 'png', 'jpeg'],
+        styleType: 'one',
+        uploadType: 'aliyun',
+        size: 5,
+        action: 'action',
+        sort: true,
+        maxlen: 100,
+      },
+      params.poster &&  params.poster['type']&& params.poster['type'] !== '1' && {
         label: '广告位内容间距设置:',
         ele: 'el-input',
         type: 'number',

package/src/components/JfbBasePoster/JfbBasePoster.vue

@@ -16,7 +16,12 @@
     <view
 			class="jfb-base-poster__body"
 			v-if="noData"
-			:style="{margin: margin}
+			:style="{
+				margin: margin,
+        background: `url(${background})`,
+        backgroundSize: '100% 100%',
+        backgroundRepeat: 'no-repeat',
+			}
 		">
 			<!--一分屏-->
 			<template v-if="posterType === '1'">
@@ -50,6 +55,7 @@
 					}"
 				>
 					<xd-swiper-dot
+            v-if="pageSwiperShow"
 						:current="current"
 						:info="info"
 						field="content_name"
@@ -116,7 +122,7 @@
     data() {
       return {
         selfMask: false,
-        pageShow:false,
+        pageSwiperShow:false,
         params: {},
 
 				//Swiper 配置
@@ -146,6 +152,7 @@
 				},
 				isPreview: false,
 				noData:false,
+        background: '',
 
 				test: {
           "content_id": "KpBbUKdj4aBejwe7Fh1ki",
@@ -296,10 +303,14 @@
     created() {
       this.init(this.container);
       this.isPreview = this.$configProject.isPreview;
+      this.pageSwiperShow = this.$root.$isShow;
     },
 
     destroyed() {
-      this.$xdRoot.$emit('setLayoutPageBg',null)
+      if(this.isSupport==='Y') {
+        this.$xdRoot.$emit('setLayoutPageBg',null);
+        this.pageSwiperShow = false;
+      }
     },
 
     methods: {
@@ -315,19 +326,35 @@
         return temp
 			},
       handleAnimationfinish(e) {
+
+
+        //不支持背景不处理
+        if(this.isSupport==='N') return;
+
+        console.warn(`handleAnimationfinish.start`)
+        this.pageSwiperShow = this.$root.$isShow;
+
         //当前组件已被隐藏或者轮播图记录为0条处理
-        if(this.$root.$isShow === false  || this.info.length === 0 ) {
+        if(this.$root.$isShow === false
+          || this.info.length === 0
+          || !(this.rows===1 && this.isCarousel===2) //可用模式
+        ) {
           this.$xdRoot.$emit("setLayoutPageBg", null);
+          console.warn(`handleAnimationfinish.disabel.poster`)
           return
         }
-        this.currentImage = this.info[e.detail.current]['image_background_url']
+
+        //开启背景图模式并且为轮播图模式
         if(this.isSupport==='Y' && this.rows===1 && this.isCarousel===2) {
+          console.warn(`handleAnimationfinish.start.poster`)
+          this.currentImage = this.info[e.detail.current]['image_background_url']
           let bg = null;
-          if(this.info[e.detail.current] && this.info[e.detail.current]['image_background_url']) bg = this.info[e.detail.current]['image_background_url'];
+          if(this.currentImage) bg = this.currentImage;
           this.$xdRoot.$emit("setLayoutPageBg", bg);
+          this.current = e.detail.current;
         }
-        this.current = e.detail.current;
       },
+
       handleClick(item) {
         //内部链接跳转地址
         if (item.redirect_type === 'INN') {
@@ -420,6 +447,7 @@
         this.rows = getContainerPropsValue(container, 'content.rows', 1);
         this.isSupport = getContainerPropsValue(container, 'content.isSupport', 'Y');
         this.mS = getContainerPropsValue(container, 'content.margin', this.getDefualtValue('margin'));
+        this.background = getContainerPropsValue(container, "content.background", {path: "",}).path;
 
         //content
 
@@ -463,11 +491,30 @@
       },
 
       onJfbShow(){
+        //不支持背景不处理
+        if(this.isSupport==='N') return;
+
+        //启动轮播图
+        this.pageSwiperShow = this.$root.$isShow;
+
+        //隐藏模式或者数据为0不处理
+        if(this.$root.$isShow === false  || this.info.length === 0) {
+          this.$xdRoot.$emit("setLayoutPageBg", null);
+          return;
+        }
+
         if(this.isSupport==='Y' && this.rows===1 && this.isCarousel===2) {
           this.$xdRoot.$emit("setLayoutPageBg", this.currentImage);
         }
       },
 
+      onJfbHide(){
+        if(this.isSupport==='Y') {
+          this.$xdRoot.$emit('setLayoutPageBg',null);
+          this.pageSwiperShow = false;
+        }
+      },
+
       onJfbUpdate(data) {
         this.onJfbLoad(this.params);
       }

package/src/components/JfbBasePosterBigSmall/Api.js

@@ -0,0 +1,60 @@
+'use strict';
+
+/**
+ * @description API模型
+ * 建议：Ffff=>模块  Xxxx=>自定义名字
+ * 获取单记录(getByIdFfffXxxx)
+ * 获取列表记录(getByListFfffXxxx)
+ * 添加列表记录(addFfffXxxxx)
+ * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
+ * 更新列表记录(updateFfffXxxxx)
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: 'getByIdFilmSquate', //自定义方法名字（必选）
+    title: '获取电影广场列表',
+    path: '/api/account/film/list-film-square',
+    isRule: false,
+    params: {
+      last_key: ['当前页', 'Number', '必选'],
+      page_size: ['每页数量', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'updateFilmPaiqiDate', //自定义方法名字（必选）
+    title: '更新排期',
+    path: '/api/account/film/paiqi-date',
+    isRule: false,
+    params: {
+      film_id: ['电影id', 'Number', '必选'],
+      cinema_id: ['影院id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'removeFilmAddress', //自定义方法名字（必选）
+    title: '删除我的配送地址',
+    path: '/api/account/film/paiqi-date',
+    isRule: false,
+    params: {
+      film_id: ['电影id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'addFilmcart',  //自定义方法名字（必选）
+    title: '添加购物车',
+    path: '/api/account/film/paiqi-date',
+    isRule: false,
+    params: {
+      film_id: ['电影id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+];

package/src/components/JfbBasePosterBigSmall/Attr.js

@@ -0,0 +1,106 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: (data) => {
+    return [
+      {
+        label: '背景颜色:', //label
+        ele: 'xd-color', //package 名称
+        valueKey: 'bgcolor', //form[valueKey]
+        value: data.bgcolor || '', //v-model
+        placeholder: '请输入占位框背景颜色',
+        classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+        rules: [
+          {
+            required: true,
+            message: '请输入占位框背景颜色',
+            trigger: 'blur'
+          },
+        ]
+      },
+      {
+        label: '选中路径:', //label
+        ele: 'xd-select-pages-path', //package 名称
+        valueKey: 'select-pages-path', //form[valueKey]
+        value: data['select-pages-path'] || {},
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+        inline: false,
+      },
+      data.bgcolor && {
+        label: '高度:', //label
+        ele: 'el-input', //package 名称
+        type: 'number',
+        valueKey: 'height', //form[valueKey]
+        value: data.height || 100, //v-model
+        placeholder: '请输入占位框高度，单位像素，默认：10px',
+        className: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+        rules: [
+          {
+            required: true,
+            message: '请输入占位框高度',
+            trigger: 'blur'
+          },
+        ]
+      },
+      {
+        label: '', //label
+        ele: 'slot', //package 名称
+        slot: 'is_reference',
+      },
+    ].filter(i=>i)
+  },
+  advanced: [
+    {
+      label: '背景颜色:', //label
+      ele: 'xd-color', //package 名称
+      valueKey: 'bgcolor', //form[valueKey]
+      value: '', //v-model
+      placeholder: '请输入占位框背景颜色',
+      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+      rules: [
+        {
+          required: true,
+          message: '请输入占位框背景颜色',
+          trigger: 'blur'
+        },
+      ]
+    },
+    {
+      label: '选中路径:', //label
+      ele: 'xd-select-pages-path', //package 名称
+      valueKey: 'select-pages-path', //form[valueKey]
+      value: null,
+      setting: {
+        router: XdBus.getParentApi('getPagesTree')
+      },
+      inline: false,
+    },
+    {
+      label: '高度:', //label
+      ele: 'el-input', //package 名称
+      type: 'number',
+      valueKey: 'height', //form[valueKey]
+      value: null, //v-model
+      placeholder: '请输入占位框高度，单位像素，默认：10px',
+      classNmae: 'input80', //样式名称 //input100,input80,input70,input60,input50,input40,input30,input20,
+      rules: [
+        {
+          required: true,
+          message: '请输入占位框高度',
+          trigger: 'blur'
+        },
+      ]
+    },
+    {
+      label: '', //label
+      ele: 'slot', //package 名称
+      slot: 'is_reference',
+    },
+  ],
+};

package/src/components/JfbBasePosterBigSmall/JfbBasePosterBigSmall.vue

@@ -0,0 +1,110 @@
+<template>
+  <view
+    class="jfb-base-poster-big-small"
+    @click="handleEditxSelect"
+    :class="{ editx : isEditx && active }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-base-poster-big-small__edit"
+      :class="{ editx : isEditx && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-base-poster-big-small__edit-icon" @click="delEdit">删除</view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-base-poster-big-small__body">
+      <view>测试插件( {{containerId}} )</view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbBasePosterBigSmallMixin from "./JfbBasePosterBigSmallMixin";
+  import { getContainerPropsValue } from "@/utils/xd.base";
+  import componentsMixins from "@/mixins/componentsMixins";
+  import extsMixins from "@/mixins/extsMixins";
+  export default {
+    name: "JfbBasePosterBigSmall",
+    components: {
+      XdFontIcon
+    },
+    mixins: [
+      componentsMixins, extsMixins, JfbBasePosterBigSmallMixin
+    ],
+    data() {
+      return {
+
+        //todo
+      }
+    },
+    watch: {
+      container(value) {
+        this.init(value)
+      }
+    },
+    created() {
+      this.init(this.container);
+
+      //todo
+    },
+    methods: {
+      onJfbLoad(options) {
+
+        // jfbRootExec('baiduUserLogin', {
+
+        //   vm: this,//   data: {
+
+        //     account: 'gaoshiyong',//     password: '123456789',//     type: 3,//     ...options
+
+        //   }
+
+        // }).then().catch()
+      },
+      /**
+       * @description 监听事件变化
+       * @param container {object} 业务组件对象自己
+       */
+      init(container) {
+
+        //this.bgcolor = getContainerPropsValue(container, 'content.bgcolor', '#fff');
+
+        //this.height = getContainerPropsValue(container, 'content.height', 10);
+      },
+      onJfbScroll(options) {
+        console.log('event.onJfbScroll', options)
+      },
+      onJfbReachBottom(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+      onJfbShow(options) {
+        console.log('event.onJfbShow', options)
+      },
+      onJfbHide(options) {
+        console.log('event.onJfbHide', options)
+      },
+      onJfbBack(options) {
+        console.log('event.onJfbBack', options)
+      },
+      onJfbUpdate(...data) {
+        console.log('event.onJfbUpdate', data)
+      },
+      onJfbCustomEvent(options) {
+        console.log('event.onJfbReachBottom', options)
+      },
+    }
+  }
+
+</script>
+
+<style scoped lang="less">
+  @import "./JfbBasePosterBigSmallLess.less";
+
+  .jfb-base-poster-big-small {
+    &__body{
+
+    }
+  }
+</style>

package/src/components/JfbBasePosterBigSmall/JfbBasePosterBigSmallLess.less

@@ -0,0 +1,80 @@
+/**
+* @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-poster-big-small {
+  border: 1px dashed rgba(0, 0, 0, 0);
+  box-sizing: border-box;
+  min-height: unit(50, rpx);
+
+  &__body{
+      position: relative;
+      overflow: hidden;
+      z-index: 2
+  }
+
+  &.editx {
+    position: relative;
+    border: 1px dashed blue;
+    box-sizing: border-box;
+    z-index: 3
+
+  }
+
+  &:hover {
+    border: 1px dashed blue;
+  }
+
+  &.noBorder {
+    border-color: rgba(0,0,0,0);
+    border-width: 0;
+  }
+
+
+  &__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-poster-big-small {
+  &:before {
+    content: " ";
+    display: table;
+  }
+}
+/**endNotPreview**/

package/src/components/JfbBasePosterBigSmall/JfbBasePosterBigSmallMixin.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-poster-big-small'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbBasePosterBigSmall/Mock.js

@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = {
+  aaaa: {}
+}

package/src/components/JfbBaseRechargeOrder/JfbBaseRechargeOrder.vue

@@ -123,7 +123,7 @@ export default {
       orderList: [],
       detailPath: "",
       payPath: "",
-      loadingList: false,
+      loadingList: true,
 
       //基础
       radius: 0,
@@ -240,7 +240,6 @@ export default {
       }).value;
     },
     getList() {
-      this.loadingList = true;
       jfbRootExec("getRechargeOrderList", {
         vm: this,
         data: {

package/src/components/JfbBaseSuccess/JfbBaseSuccess.vue

@@ -98,6 +98,9 @@
             <view class="jfb-base-success__body-cashier-text">
               {{ info.codes[0].can_read_code }}
             </view>
+            <view v-if="info.codes[0].refund_tip_text" style="color:red;font-size:24rpx;text-align:center;margin-top:10rpx">
+              {{info.codes[0].refund_tip_text}}
+            </view>
             <view
               v-if="info.codes[0].code_end_time"
               class="jfb-base-success__body-cashier-code"