jufubao-base 1.0.243-beta1 → 1.0.243-beta1002

package/src/components/JfbBaseShare/JfbBaseShare.vue

@@ -0,0 +1,282 @@
+<template>
+  <view
+    class="jfb-base-share"
+    @click="handleEditxSelect"
+    :class="{ editx : isEditx && active }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-base-share__edit"
+      :class="{ editx : isEditx && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-base-share__edit-icon" @click="delEdit">删除</view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-base-share__body">
+      <view class="card_wrap">
+        <swiper class="card_swiper" next-margin="50rpx" previous-margin="50rpx" :current="shareIndex" @change="handleSwitch">
+          <swiper-item class="swiper_item" v-for="(item,i) in shareList" :key="i">
+            <view class="swiper_item-inner">
+              <image :src="item.share_image_url" mode="aspectFill"></image>
+            </view>
+          </swiper-item>
+        </swiper>
+      </view>
+      
+      <view v-if="showShare" class="share_wrap">
+        <button class="share_btn" open-type="share" @click="toSendWx">
+          <image :src="shareImage" mode="widthFix"></image>
+        </button>
+        <view class="share_btn" @click="toSaveImg">
+          <image :src="savaImage" mode="widthFix"></image>
+        </view>
+      </view>
+
+      <view class="visit_tip">
+        好友使用你的邀请码成功注册后<br/>Ta将成为你的邀请用户
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbBaseShareMixin from "./JfbBaseShareMixin";
+  import { getContainerPropsValue } from "@/utils/xd.base";
+  import componentsMixins from "@/mixins/componentsMixins";
+  import extsMixins from "@/mixins/extsMixins";
+  import getServiceUrl from "@/common/getServiceUrl";
+  import { mapState, mapMutations } from "vuex";
+  export default {
+    name: "JfbBaseShare",
+    components: {
+      XdFontIcon
+    },
+    mixins: [
+      componentsMixins, extsMixins, JfbBaseShareMixin
+    ],
+    data() {
+      return {
+        closeMask: true,
+        shareIndex: 0,
+        shareList: [],
+        isPreview: false,
+        //todo
+        shareImage: "",
+        savaImage: "",
+        shareData: {},
+      }
+    },
+    computed: {
+      ...mapState(["shareInfo"]),
+      showShare(){
+        if(this.isPreview) return true;
+        // #ifdef MP-WEIXIN
+        return true;
+        // #endif
+        // #ifdef H5
+        return false;
+        // #endif
+      }
+    },
+    watch: {
+      container(value, oldValue) {
+        if (JSON.stringify(value) === JSON.stringify(oldValue)) return;
+        if (this.$configProject['isPreview']) this.init(value)
+      },
+    },
+    created() {
+      this.init(this.container);
+      this.isPreview = this.$configProject['isPreview'];
+      //todo
+    },
+    methods: {
+      ...mapMutations(["setShareInfo"]),
+      onJfbLoad(options) {
+
+        this.p_getInviteCardList();
+      },
+      /**
+       * @description 监听事件变化
+       * @param container {object} 业务组件对象自己
+       */
+      init(container) {
+        this.shareImage = getServiceUrl(getContainerPropsValue(container, 'content.shareImage', {url: ""}).url);
+        this.savaImage = getServiceUrl(getContainerPropsValue(container, 'content.savaImage', {url: ""}).url);
+      },
+      p_getInviteCardList(){
+        jfbRootExec("getInviteCardList", {
+          vm: this,
+          data: {
+            page_token: '1'
+          }
+        }).then(res => {
+          this.shareList = res.list.map(item => {
+            let urlSearch = item.share_image_url.split('?')[1];
+            let newImgUrl = getServiceUrl(item.share_image_url);
+            item.share_image_url = newImgUrl.split('?')[0] + '?' + urlSearch;
+            item.wx_mini_share_image = getServiceUrl(item.wx_mini_share_image);
+            return item;
+          });
+          this.shareData = res;
+        })
+      },
+      handleSwitch(e){
+        this.shareIndex = e.detail.current;
+      },
+      toSendWx(){
+        let shareIndex = this.shareIndex;
+        let curShare = this.shareList[shareIndex];
+        this.setShareInfo({
+          title: this.shareData.wx_mini_title,
+          imageUrl: curShare.wx_mini_share_image,
+          path: this.shareData.wx_mini_path,
+        });
+      },
+      toSaveImg(){
+        let shareIndex = this.shareIndex;
+        let curShare = this.shareList[shareIndex];
+        uni.getImageInfo({
+          src: curShare.share_image_url,
+          success: (res) => {
+            uni.saveImageToPhotosAlbum({
+              filePath: res.path,
+              success: () => {
+                uni.showToast({
+                  title: '保存成功',
+                  icon: "success"
+                })
+              }
+            })
+          }
+        })
+
+      },
+      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 "./JfbBaseShareLess.less";
+
+  .jfb-base-share {
+    &__body{
+      padding: 60rpx 0;
+      box-sizing: border-box;
+      .card_wrap{
+        height: 960rpx;
+        box-sizing: border-box;
+        .card_swiper{
+          height: 100%;
+          width: 100%;
+          .swiper_item{
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            &-inner{
+              width: 100%;
+              height: 100%;
+              // background: url('https://sandbox-img.jufubao.cn/uploads/20250410/2d9f5ec31efb5cddece747d8b8da51f0.png?x-oss-process=style/size8') no-repeat;
+              // background-size: auto 100%;
+              box-sizing: border-box;
+              // display: flex;
+              // flex-direction: column;
+              // align-items: center;
+              image{
+                width: 100%;
+                height: 100%;
+              }
+            }
+            &-logo{
+              height: 96rpx;
+              width: 96rpx;
+              background-color: #FFFFFF;
+            }
+            &-title{
+              margin-top: 24rpx;
+              color: #B35300;
+              font-size: 40rpx;
+              font-weight: 500;
+            }
+            &-qrcode{
+              width: 400rpx;
+              height: 400rpx;
+              background-color: #FFFFFF;
+              margin-top: 60rpx;
+              border-radius: 24rpx;
+            }
+            &-visit{
+              width: 400rpx;
+              height: 120rpx;
+              background: linear-gradient(180deg, #FEFEF5 0%, #FDFDCB 100%);
+              margin-top: 36rpx;
+              border-radius: 24rpx;
+              font-size: 32rpx;
+              font-weight: 500;
+              color: #965720;
+              text-align: center;
+              padding-top: 20rpx;
+              box-sizing: border-box;
+            }
+          }
+        }
+      }
+      .share_wrap{
+        display: flex;
+        // align-items: center;
+        align-items: flex-start;
+        justify-content: center;
+        .share_btn{
+          width: 300rpx;
+          // height: 80rpx;
+          background-size: 100% 100%;
+          background-color: transparent;
+          margin: 60rpx 0 0 0;
+          padding: 0;
+          &::after{
+            border: none !important;
+            content: initial !important;
+          }
+          image{
+            width: 100%;
+          }
+
+          & + .share_btn{
+            margin-left: 32rpx;
+          }
+        }
+      }
+      .visit_tip{
+        color: #965720;
+        font-size: 26rpx;
+        margin-top: 32rpx;
+        text-align: center;
+      }
+    }
+  }
+</style>

package/src/components/JfbBaseShare/JfbBaseShareLess.less

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

package/src/components/JfbBaseShare/JfbBaseShareMixin.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-share'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbBaseShare/Mock.js

@@ -0,0 +1,16 @@
+"use strict";
+
+module.exports = {
+  getInviteCardList: {
+    total_size: 1,
+    next_page_token: "",
+    list: [
+      {
+        jump_url: "111111?x-common=eyJzaGFyZV9jb2RlIjogVWY0eng2RVBmVn0",
+        share_image_url:
+          "https://sandbox-img.jufubao.cn/uploads/20250410/34559f90dd5a01e7368c02bf33f1b484.png?x-oss-process=style/size8"
+      }
+    ],
+    request_id: "e081f3a16f40bfbe"
+  }
+};

package/src/components/JfbBaseSuccess/JfbBaseSuccess.vue

@@ -63,9 +63,12 @@
             <view class="settle-item" v-for="(settle,index) in info.settleInfo" :key="index">
               <view>{{settle.label}}：</view>
               <view v-if="settle.type === 'price'">
-                <xd-unit :price="settle.value" :is-old="false"></xd-unit>
+                <xd-unit
+                  :largeZero="false"
+                  :colorNew="is_plus_site ? '#999':''"
+                  :price="settle.value" :is-old="false"></xd-unit>
               </view>
-              <view v-else v-html="settle.value"></view>
+              <view v-else v-html="settle.value" :style="{color: is_plus_site ? '#999':''}"></view>
             </view>
           </view>
           <!--settle end-->
@@ -429,6 +432,7 @@ export default {
       payBgColor:'',
       bgColor:'',
       ticket_method_msg:'', //取票提示文案
+      is_plus_site: false,
 
       //按钮
       btnTextColor:'',
@@ -456,7 +460,7 @@ export default {
     },
   },
   computed: {
-    ...mapState(["brandInfo"]),
+    ...mapState(["brandInfo", "siteInfo"]),
     ...styleForm.getComputedItem(),
   },
   created() {
@@ -464,6 +468,7 @@ export default {
     this.noUserLoding = !this.$root['isLogined']; //判断是否需要已登录
     if(this.isPreview) this.noUserLoding = false;
     this.init(this.container);
+    this.is_plus_site = this.projectAttr.headers['X-Site-Group']==="vip";
   },
   destroyed() {
     if (this.timeer) {
@@ -570,6 +575,7 @@ export default {
           is_show_product: this.is_show_product === "Y" ? 1 : 0,
           custom_content_page_id: this.pageAttr.page_id,
           custom_content_container_id: this.cid,
+          version: 'v2'
         },
       })
         .then((res) => {

package/src/components/JfbBaseTfkSearch/ContentProduct.vue

@@ -28,25 +28,13 @@
       </view>
       <view class="prodcut-content-btn" v-if="isBtn">
         <view :class="{onePrice: cell === 1}">
-          <view v-if="productConfig.isPrice === 'Y'">
-            <xd-unit
-              :price="(item['promo_price'] || item['sale_price'])"
-              :isOld="false"
-              :iconSize="0.3"
-              :fontSize="36"
-            />
-          </view>
-          <view
-            v-if="productConfig.isShowDiscount==='Y' && checkDiscountPrice"
-            :style="{color:oldPriceColor}" class="oldPrice">
-            <xd-unit
-              :price="dividePrice"
-              :iconSize="0.21"
-              :fontSize="24"
-              delete-line
-              is-gray
-            />
-          </view>
+          <CusPrice 
+            v-if="productConfig.isPrice === 'Y'" 
+            type="two"
+            :showPrice="item['show_prices']" 
+            :isShowIcon="productConfig.isShowIcon"
+            :isPlus="productConfig.is_plus_site">
+          </CusPrice>
         </view>
         <view>
           <view @click.stop="handleDetail()" v-if="productConfig.isAddCart === 'Y'">
@@ -68,13 +56,15 @@ import getServiceUrl from "@/common/getServiceUrl";
 import XdFontIcon from "@/components/XdFontIcon/XdFontIcon.vue";
 import XdProductStatus from "@/components/XdProductStatus/XdProductStatus";
 import XdUnit from "@/components/XdUnit/XdUnit.vue";
+import CusPrice from "@/components/CusPrice/CusPrice";
 
 export default {
   name: "ContentProduct",
   components:{
     XdFontIcon,
     XdUnit,
-    XdProductStatus
+    XdProductStatus,
+    CusPrice
   },
   props:{
     keyword:{
@@ -250,10 +240,10 @@ export default {
         & > view:first-child {
           flex: 1;
           & > view:first-child {
-            height: 40rpx;
             display: flex;
+            flex-direction: column;
             justify-content: flex-start;
-            align-items: center;
+            align-items: flex-start;
             overflow: hidden;
           }
           & > view:nth-child(2) {

package/src/components/JfbBaseTfkSearch/JfbBaseTfkSearch.vue

@@ -73,6 +73,7 @@
   import listMixins from "./listMixins";
   import CustomList from "./CustomList.vue";
   import AllList from "./AllList.vue";
+  import { mapState } from 'vuex';
 
   class EmitParent {
     constructor(options) {
@@ -86,7 +87,7 @@
       CustomList,
       XdFontIcon,
       AllList,
-      XdSearchHistory
+      XdSearchHistory,
     },
     mixins: [
       componentsMixins, extsMixins, JfbBaseTfkSearchMixin,listMixins
@@ -127,9 +128,13 @@
         allModuleItemContRadius: 16,
         allModuleItemContBgColor: "#FFFFFF",
         emitParent:{},
+        is_plus_site: false
       }
     },
     computed: {
+      ...mapState({
+        siteInfo: state => state.siteInfo,
+      }),
       showMenuList(){
         return [{label: "全部", value: "all"}, ...this.menuList]
       },
@@ -231,6 +236,7 @@
           return this;
         }
       })
+      this.is_plus_site = this.projectAttr.headers['X-Site-Group']==="vip";
       this.init(this.container);
       this.cusInit(this.container);
     },
@@ -246,6 +252,11 @@
         if(this.tabId === 'all'){
           data['search_range'] = this.searchScope.map(item => item.value.split("@")[0]).join(',');
         }
+        if(this.productConfig.isShowDiscount==='Y'){
+          data.is_show_uprice=this.$xdUniHelper.multiplyFloatNumber(this.productConfig.differ,100)
+        } else {
+          data.is_show_uprice=-1
+        }
 
         jfbRootExec("getTfkSearchList", {
           vm: this,

package/src/components/JfbBaseTfkSearch/Mock.js

@@ -28,6 +28,18 @@ module.exports = {
             sale_price: 3000,
             status: "ok",
             thumb: "/uploads/20231215/b2ce0235129aa592044f96343f25c338.jpeg",
+            show_prices: [
+              {
+                  "p": 6500,
+                  "n": "PLUS价",
+                  "t": "S"
+              },
+              {
+                  "p": 7500,
+                  "n": "原价",
+                  "t": "U"
+              }
+            ]
           },
           {
             brand_id: 30000,
@@ -43,7 +55,19 @@ module.exports = {
             sale_price: 2195,
             status: "ok",
             thumb:
-              "https://img1.winxuancdn.com/1305/10251305_9.jpg?1530683968642"
+              "https://img1.winxuancdn.com/1305/10251305_9.jpg?1530683968642",
+            show_prices: [
+              {
+                  "p": 8500,
+                  "n": "PLUS价",
+                  "t": "S"
+              },
+              {
+                  "p": 7500,
+                  "n": "原价",
+                  "t": "U"
+              }
+            ]
           },
           {
             brand_id: 30000,
@@ -59,7 +83,19 @@ module.exports = {
             sale_price: 4219,
             status: "ok",
             thumb:
-              "https://img2.winxuancdn.com/9564/10309564_9.jpg?1530754178039"
+              "https://img2.winxuancdn.com/9564/10309564_9.jpg?1530754178039",
+            show_prices: [
+              {
+                  "p": 100,
+                  "n": "PLUS价",
+                  "t": "S"
+              },
+              {
+                  "p": 200,
+                  "n": "原价",
+                  "t": "U"
+              }
+            ]
           },
           {
             brand_id: 30000,
@@ -75,7 +111,19 @@ module.exports = {
             sale_price: 4388,
             status: "ok",
             thumb:
-              "https://img3.winxuancdn.com/9416/10309416_9.jpg?1530754178039"
+              "https://img3.winxuancdn.com/9416/10309416_9.jpg?1530754178039",
+            show_prices: [
+              {
+                  "p": 100,
+                  "n": "PLUS价",
+                  "t": "S"
+              },
+              {
+                  "p": 200,
+                  "n": "原价",
+                  "t": "U"
+              }
+            ]
           }
         ]
       },

package/src/components/JfbBaseTfkSearch/listMixins.js

@@ -24,7 +24,8 @@ export default {
       let differ = getContainerPropsValue(container, 'content.differ', 1);
       let showActivityPrice = getContainerPropsValue(container, 'content.showActivityPrice', 'N');
       let isShowExchange = getContainerPropsValue(container, 'content.isShowExchange', 'N');
-      this.productConfig = {is_show_brand, isPrice, isShowTag, isShowDiscount, isAddCart, differ, showActivityPrice, isShowExchange};
+      let isShowIcon = this.siteInfo && this.siteInfo.mapping.is_show_coin_icon==='Y'
+      this.productConfig = {is_show_brand, isPrice, isShowTag, isShowDiscount, isAddCart, differ, showActivityPrice, isShowExchange,is_plus_site: this.is_plus_site,isShowIcon};
 
       //内容
       let brandColor = getContainerPropsValue(container, 'content.brandColor', '#aaa');