jufubao-base 1.0.232-beta2 → 1.0.232-beta4

package/src/components/JfbBaseShare/JfbBaseShare.vue

@@ -0,0 +1,217 @@
+<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">
+          <swiper-item class="swiper_item" v-for="i in 3" :key="i">
+            <view class="swiper_item-inner">
+              <view class="swiper_item-logo"></view>
+              <view class="swiper_item-title">邀请好友领福利</view>
+              <view class="swiper_item-qrcode"></view>
+              <view class="swiper_item-visit">邀请码<br/>LWNXK7H</view>
+            </view>
+            <!-- <image style="width: 600rpx;height: 900rpx;"
+              src="https://sandbox-img.jufubao.cn/uploads/20250410/34559f90dd5a01e7368c02bf33f1b484.png?ver=1744249748881&x-oss-process=style/size5"></image> -->
+          </swiper-item>
+        </swiper>
+      </view>
+
+      <view class="share_wrap">
+        <view class="share_btn">
+          <image src="https://sandbox-img.jufubao.cn/uploads/20250410/57bc093618bc51a85dc8bb68825d2b97.png?x-oss-process=style/size8" mode="widthFix"></image>
+        </view>
+        <view class="share_btn">
+          <image src="https://sandbox-img1.jufubao.cn/uploads/20250410/faeb136bfd684ab6fa4608208ad26294.png?x-oss-process=style/size8" 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";
+  export default {
+    name: "JfbBaseShare",
+    components: {
+      XdFontIcon
+    },
+    mixins: [
+      componentsMixins, extsMixins, JfbBaseShareMixin
+    ],
+    data() {
+      return {
+        hideMask: true,
+        //todo
+      }
+    },
+    watch: {
+      container(value, oldValue) {
+        if (JSON.stringify(value) === JSON.stringify(oldValue)) return;
+        if (this.$configProject['isPreview']) 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 "./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: 630rpx;
+              height: 960rpx;
+              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;
+              padding-top: 60rpx;
+              
+            }
+            &-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;
+        justify-content: center;
+        .share_btn{
+          margin-top: 60rpx;
+          width: 300rpx;
+          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,13 @@
+'use strict';
+
+module.exports = {
+  
+  getShareByIdFilmSquate:{},
+  
+  updateShareFilmPaiqiDate:{},
+  
+  removeShareFilmAddress:{},
+  
+  addShareFilmcart:{},
+  
+}

package/src/components/JfbBaseTfkSearch/Attr.js

@@ -7,6 +7,9 @@ import CusAttr from "./CusAttr";
 export default {
   style: [],
   content: (data) => {
+    let entryGroupId = 'default';
+    if(data['entryGroupId']) entryGroupId = data['entryGroupId'];
+
     return [
       {
         label: '是否支持聚好兑:',
@@ -239,89 +242,12 @@ export default {
         groupKey: "style",
         type: "number",
       },
-      // {
-      //   label: "全部 - 列表单个样式配置",
-      //   ele: "title",
-      //   groupKey:'style',
-      //   size: "small",
-      // },
-      // {
-      //   label: "业务板块列表单个背景色",
-      //   ele: "xd-color",
-      //   valueKey: 'allModuleItemContBgColor',
-      //   value: data['allModuleItemContBgColor'] || '#FFFFFF',
-      //   groupKey:'style',
-      // },
-      // {
-      //   label: "业务板块列表单个间距",
-      //   ele: "el-input",
-      //   valueKey: "allModuleItemContMargin",
-      //   value: data.allModuleItemContMargin || 20,
-      //   groupKey:'style',
-      //   type: "number",
-      // },
-      // {
-      //   label: "业务板块列表单个边框",
-      //   ele: "xd-border",
-      //   valueKey: 'allModuleItemContBorder',
-      //   value: data['allModuleItemContBorder'] || null,
-      //   groupKey:'style',
-      // },
-      // {
-      //   label: "业务板块列表单个阴影",
-      //   ele: "xd-shadow",
-      //   groupKey:'style',
-      //   valueKey: 'allModuleItemContShadow',
-      //   value: data['allModuleItemContShadow'] || null,
-      //   handleCustom({action, data}) {
-      //     XdBus.getParentApi('getOptionsSettingList')({setting_id: 'edtix_style_radius'})
-      //       .then(res => {
-      //         data.cb(res.list)
-      //       })
-      //       .catch(error => {
-      //         console.error(error);
-      //         data.cb([])
-      //       });
-      //   },
-      // },
-      // {
-      //   label: "业务板块列表单个内边距",
-      //   ele: "xd-margin-padding",
-      //   valueKey: "allModuleItemContPadding",
-      //   value: data['allModuleItemContPadding'] || null,
-      //   groupKey:'style',
-      //   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: 'allModuleItemContRadius',
-      //   value: data.allModuleItemContRadius || 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-site-select-list',
         valueKey: 'entryGroupId',
-        value: data.entryGroupId || 'default',
+        value: entryGroupId,
         placeholder: '请选择综合入口类型',
         multiple: false,
         groupKey:'content',
@@ -349,12 +275,12 @@ export default {
         multiple: false,
         className: 'input80',
         setting: {
-          group_id: data.entryGroupId || 'default',
+          group_id: entryGroupId,
         },
-        handleCustom({ action, data }) {
-          XdBus.getParentApi('getSearchSettingOptions')({group_id: 'default', ...data.params})
+        handleCustom(resData) {
+          XdBus.getParentApi('getSearchSettingOptions')(resData.data.params)
             .then(res => {
-              data.cb(res.list)
+              resData.data.cb(res.list)
             })
             .catch(error => {
               console.error(error);

package/src/components/JfbBaseTfkSearch/ContentProduct.vue

@@ -28,7 +28,7 @@
       </view>
       <view class="prodcut-content-btn" v-if="isBtn">
         <view :class="{onePrice: cell === 1}">
-          <view v-if="productConfig.isPrice === 'Y'">
+          <!-- <view v-if="productConfig.isPrice === 'Y'">
             <xd-unit
               :price="(item['promo_price'] || item['sale_price'])"
               :isOld="false"
@@ -46,7 +46,13 @@
               delete-line
               is-gray
             />
-          </view>
+          </view> -->
+          <CusPrice 
+            v-if="productConfig.isPrice === 'Y'" 
+            type="two"
+            :showPrice="item['showPrice']" 
+            :isVip="true">
+          </CusPrice>
         </view>
         <view>
           <view @click.stop="handleDetail()" v-if="productConfig.isAddCart === 'Y'">
@@ -68,13 +74,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 +258,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

@@ -86,7 +86,7 @@
       CustomList,
       XdFontIcon,
       AllList,
-      XdSearchHistory
+      XdSearchHistory,
     },
     mixins: [
       componentsMixins, extsMixins, JfbBaseTfkSearchMixin,listMixins