jufubao-base 1.0.236-beta1 → 1.0.236-beta21

package/src/components/JfbBaseCodeOpenVip/JfbBaseCodeOpenVip.vue

@@ -0,0 +1,253 @@
+<template>
+  <view
+    class="jfb-base-code-open-vip"
+    @click="handleEditxSelect"
+    :class="{ editx : isEditx && active }"
+  >
+    <!--#ifdef H5-->
+    <view
+      class="jfb-base-code-open-vip__edit"
+      :class="{ editx : isEditx && active }"
+      v-if="isEditx && active"
+    >
+      <view class="jfb-base-code-open-vip__edit-icon" @click="delEdit">删除</view>
+    </view>
+    <!-- #endif -->
+    <view class="jfb-base-code-open-vip__body" :style="[bodyStyle]">
+      <view v-if="step === 1" class="vip_panel">
+        <view class="combo_section">
+          <view class="code_input_wrap">
+            <input class="code_input" v-model="exchange_code" placeholder="请输入兑换码"></input>
+          </view>
+        </view>
+        <view class="combo_section">
+          <!-- <view class="desc_tit">文案描述</view> -->
+          <view class="desc_cont">
+            <xd-content-xss :html="description"></xd-content-xss>
+          </view>
+        </view>
+        <view class="fixed_bottom" :style="[fixed_bottom]">
+          <xd-button type="primary" width="600rpx" @click="searchCode">查询</xd-button>
+          <view class="plus_privacy">开通视为同意 <text @click.stop="handlePrivacy('privacy_service')"></text>《共享PLUS会员用户协议》</view>
+        </view>
+      </view>
+      <view v-else class="vip_panel">
+        <view class="combo_section">
+          <view class="combo_section-title">兑换码：{{ vipInfo.exchange_code }}</view>
+          <xd-list-item label="套餐名称" paddingLR="40rpx">{{ vipInfo.product_name }}</xd-list-item>
+          <xd-list-item label="套餐期限" paddingLR="40rpx">{{ vipInfo.life_cycle_label }}</xd-list-item>
+          <xd-list-item label="套餐金额" paddingLR="40rpx">¥{{ $xdUniHelper.divisionFloatNumber(vipInfo.sale_price, 100) }}</xd-list-item>
+        </view>
+        <view class="fixed_bottom" :style="[fixed_bottom]">
+          <xd-button type="primary" width="600rpx" @click="p_createVipOrder">立即兑换</xd-button>
+          <view class="plus_privacy">开通视为同意 <text @click.stop="handlePrivacy('privacy_service')"></text>《共享PLUS会员用户协议》</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+  import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
+  import XdListItem from "@/components/CusListItem/CusListItem"
+  import XdButton from "@/components/XdButton/XdButton";
+  import XdContentXss from "@/components/XdContentXss/XdContentXss"
+  import { jfbRootExec } from "@/utils/xd.event";
+  import JfbBaseCodeOpenVipMixin from "./JfbBaseCodeOpenVipMixin";
+  import { getContainerPropsValue } from "@/utils/xd.base";
+  import componentsMixins from "@/mixins/componentsMixins";
+  import extsMixins from "@/mixins/extsMixins";
+  export default {
+    name: "JfbBaseCodeOpenVip",
+    components: {
+      XdFontIcon,
+      XdListItem,
+      XdButton,
+      XdContentXss
+    },
+    mixins: [
+      componentsMixins, extsMixins, JfbBaseCodeOpenVipMixin
+    ],
+    data() {
+      return {
+        closeMask: true,
+        xnamespace: "",
+
+        exchange_code: "",
+        step: 1,
+        vipInfo: {},
+        //todo
+        description: "",
+        vipSuccessPath: "",
+        payPath: "",
+      }
+    },
+    computed: {
+      bodyStyle(){
+        return {
+          minHeight: this.layoutInfo.bodyMinHeightRpx + 'rpx',
+          '--main-color': this.mainColor,
+        }
+      },
+      fixed_bottom() {
+        return this.fixedStyle({paddingBottom: 36, zIndex: 111})
+      },
+    },
+    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) {
+        this.setNameSpace(options);
+      },
+      /**
+       * @description 监听事件变化
+       * @param container {object} 业务组件对象自己
+       */
+      init(container) {
+        this.description = getContainerPropsValue(container, 'content.description', "");
+        this.vipSuccessPath = getContainerPropsValue(container, 'content.vipSuccessPath', {value: ""}).value;
+        this.payPath = getContainerPropsValue(container, 'content.payPath', {value: ""}).value;
+      },
+      handlePrivacy(code){
+        let params = `page_id=${this.pageAttr["page_id"]}`;
+        params = `${params}&container_id=${this.containerId}${code}`;
+        this.$xdUniHelper.navigateTo({
+          url: `/pages/content/content?${params}`
+        })
+      },
+      searchCode(){
+        if(!this.exchange_code) return;
+        this.$xdShowLoading({});
+        jfbRootExec("getExchangeCode", {
+          vm: this,
+          data: {
+            xnamespace: this.xnamespace,
+            exchange_code: this.exchange_code
+          }
+        }).then(res => {
+          this.$xdHideLoading();
+          this.step = 2;
+          this.vipInfo = res;
+        })
+      },
+      p_createVipOrder(){
+        jfbRootExec("createVipOrder", {
+          vm: this,
+          data: {
+            business_code: this.xnamespace,
+            product_id: this.vipInfo.product_id,
+            notify_provider_id: this.projectAttr.notify_provider_id,
+            need_pay_price: 0,
+            selected_card_list_json: this.vipInfo.selected_card_list_json
+          }
+        }).then(res => {
+          if(res.need_pay_price > 0){
+            this.$xdUniHelper.redirectTo({
+              url: this.payPath + `?order_id=${res.pay_order_id}&main_order_id=${res.main_order_id}`
+            })
+          }else{
+            this.$xdUniHelper.redirectTo({
+              url: this.vipSuccessPath + `?order_id=${res.main_order_id}`
+            })
+          }
+        })
+      },
+      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 "./JfbBaseCodeOpenVipLess.less";
+
+  .jfb-base-code-open-vip {
+    &__body{
+      .combo_section{
+        border-radius: 24rpx;
+        overflow: hidden;
+        margin: 20rpx;
+        background-color: #FFFFFF;
+        &-title{
+          height: 72rpx;
+          line-height: 72rpx;
+          text-align: center;
+          background: linear-gradient(90deg, #FCD083 0%, #FFDEAD 100%);
+          font-size: 28rpx;
+          color: #915714;
+          font-weight: 500;
+        }
+        ::v-deep .my-list_value{
+          color: #999999;
+        }
+        .desc_tit{
+          height: 72rpx;
+          line-height: 72rpx;
+          text-align: center;
+        }
+        .desc_cont{
+          padding: 24rpx;
+        }
+        .code_input_wrap{
+          width: 100%;
+          padding: 36rpx;
+          box-sizing: border-box;
+        }
+        .code_input{
+          width: 100%;
+          height: 90rpx;
+          background-color: #FAFAFA;
+          box-sizing: border-box;
+          padding: 0 36rpx;
+          border-radius: 16rpx;
+        }
+      }
+      .fixed_bottom{
+        position: fixed;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        padding: 36rpx;
+        box-sizing: border-box;
+        background-color: #FFFFFF;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .plus_privacy{
+          font-size: 22rpx;
+          color: #999;
+          margin-top: 16rpx;
+        }
+      }
+    }
+  }
+</style>

package/src/components/JfbBaseCodeOpenVip/JfbBaseCodeOpenVipLess.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-code-open-vip {
+  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-code-open-vip {
+  //&:before {
+    //content: " ";
+    //display: table;
+  //}
+}
+/**endNotPreview**/

package/src/components/JfbBaseCodeOpenVip/JfbBaseCodeOpenVipMixin.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-code-open-vip'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbBaseCodeOpenVip/Mock.js

@@ -0,0 +1,13 @@
+'use strict';
+
+module.exports = {
+  
+  getCodeByIdFilmSquate:{},
+  
+  updateCodeFilmPaiqiDate:{},
+  
+  removeCodeFilmAddress:{},
+  
+  addCodeFilmcart:{},
+  
+}

package/src/components/JfbBaseConsumpCode/Api.js

@@ -0,0 +1,133 @@
+'use strict';
+/**
+ * @description  接口配置，
+ * 在设置方法名字当时候，别忘记加上【模块名字】：Consump
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    //设置方法名字当别忘记加上【模块名字】：Consump
+    mapFnName: 'getConsumpCode',
+    title: '获取支付码',
+    path: '/store/v1/order/get-quick-pay-code',
+    isRule: false,
+    params: {
+      shop_id: ['门店ID', 'Number', '必选'],
+      temp_order_id: ['临时订单号第一次获取为空，再次获取需要传上次获取到数据', 'Number', '非必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    //设置方法名字当别忘记加上【模块名字】：Consump
+    mapFnName: 'getConsumpCodeScanStatus',
+    title: '获取支付码扫码状态',
+    path: '/store/v1/order/get-quick-pay-scan-status',
+    isRule: false,
+    params: {
+      temp_order_id: ['临时订单号', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: "getConsumpListUserPayChannel",
+    title: "获取用户可用支付渠道",
+    path: "/pay/v1/pay-channel/list-user-pay-channel",
+    isRule: false,
+    params: {
+      providers: ['支付方式id 多个用逗号分隔', "String", '必选']
+    },
+    isConsole: true,
+    disabled: true
+  },
+  {
+    path: '/store/v1/order/async-submit-status',
+    title: "获取异步下单的状态",
+    mapFnName: "getConsumpAsyncSubmitStatus",
+    isRule: false,
+    params: {
+      request_order_id: ['temp_order_id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: "setConsumpThirdPlace",
+    title: "第三方渠道下单",
+    path: "/pay/v1/order/third-place",
+    isRule: false,
+    data: {
+      order_id: ['订单号', "String", "必填"],
+      channel_provider_id: ['支付渠道id', "String", '必选']
+    },
+    isConsole: true,
+    disabled: true
+  },
+  {
+    mapFnName: "updateConsumpPay",
+    title: "修改订单为支付中",
+    path: "/order/v1/order/update-to-paying",
+    isRule: false,
+    data: {
+      main_order_id: ['订单号', "String", "必填"],
+    },
+    isConsole: true,
+    disabled: true
+  },
+  {
+    //设置方法名字当别忘记加上【模块名字】：Consump
+    mapFnName: 'batchConsumpUseCardCreated',
+    title: '批量使用卡券下单',
+    path: '/store/v1/order/batch-use-card-created',
+    isRule: false,
+    data: {
+      temp_order_id: ['临时订单号', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    //设置方法名字当别忘记加上【模块名字】：Consump
+    mapFnName: 'getConsumpShopList',
+    title: '获取附近门店列表',
+    path: '/mall/v1/shop/msearch',
+    isRule: false,
+    params: {},
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getConsumpSettleMainInfo',
+    title: '门店核销 - 展示主界面数据',
+    // path: '/store/v1/cash/settle/main-info',
+    path: "/store/v1/order/main-info",
+    isRule: false,
+    params: {
+      shop_id: ['门店id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'addConsumpCashierTempOrderData',
+    title: '门店核销 - 保存临时购物数据',
+    path: "/store/v1/order/save-cart-order-data",
+    isRule: false,
+    data: {
+      shop_id: ['门店id', 'Number', '必选'],
+      settle_tag_id: ['结算标签id', 'Number', '必选'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getConsumpBaseUserInfo',
+    title: '获取用户信息',
+    path: '/passport/v1/user/get',
+    params: {},
+    isRule: false,
+    isConsole: true,
+    disabled: true,
+  }
+];

package/src/components/JfbBaseConsumpCode/Attr.js

@@ -0,0 +1,61 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: (data) => {
+    return [
+      {
+        label: '开通路径:',
+        groupKey:'advanced',
+        className: 'input100',
+        ele: 'xd-select-pages-path',
+        valueKey: 'openPath',
+        value: data['openPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+      },
+      {
+        label: '切换门店路径:',
+        groupKey:'advanced',
+        className: 'input100',
+        ele: 'xd-select-pages-path',
+        valueKey: 'shopPath',
+        value: data['shopPath'] || null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+      },
+      {
+        label: '支付成功跳转路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'successPath',
+        value: data.successPath || null,
+        placeholder: '请选择支付成功跳转路径',
+        className: 'input100',
+        groupKey:'advanced',
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+        inline: false,
+      },
+      {
+        label: '核销支付路径:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'cash_pay_path',
+        placeholder: '请选择核销支付路径',
+        className: 'input100',
+        groupKey:'advanced',
+        value: null,
+        setting: {
+          router: XdBus.getParentApi('getPagesTree')
+        },
+        inline: false,
+      },
+    ].filter(i=>i)
+  },
+  advanced: [],
+};