jufubao-base 1.0.120 → 1.0.121

package/package.json

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

package/src/components/JfbBaseConPhone/JfbBaseConPhone.vue

@@ -14,96 +14,110 @@
     </view>
     <!-- #endif -->
     <view class="jfb-base-con-phone__body" v-if="done">
-      <view
-        v-if="has_times === 'Y'"
-        class="jfb-base-con-phone__body-wrap"
-        :style="{
-          height: layoutInfo.bodyMinHeightRpx + 'rpx',
-          backgroundImage: `url(${background})`,
-          backgroundSize: '100% 100%',
-        }"
-      >
-        <view v-if="showCode" class="jfb-base-con-phone__body-wrap-input">
-          <view>
-            <input
-              @input="filterSpaces"
-              v-model="phoneNumber"
-              placeholder="请输入手机号"
-              type="text"
-            />
-          </view>
-          <view
-            class="jfb-base-con-phone__body-wrap-input-code"
-            style="margin-bottom: 54rpx"
-          >
-            <input
-              v-model="valid_code"
-              placeholder="请输入验证码"
-              type="text"
-            />
-            <XdButton
-              :disabled="disabled"
-              class="jfb-base-con-phone__body-wrap-input-code-btn"
-              type="primary"
-              :bg-color="mainColor"
-              size="small"
-              @click="handleSendCode"
-              >{{ message }}</XdButton
+      <view v-if="has_times === 'Y'">
+        <view
+          class="jfb-base-con-phone__body-wrap"
+          :style="{
+            height: topHeight + 'rpx',
+            width: topWidth + 'rpx',
+            backgroundImage: `url(${background})`,
+            backgroundSize: '100% 100%',
+          }"
+        >
+          <view v-if="showCode" class="jfb-base-con-phone__body-wrap-input">
+            <view>
+              <input
+                @input="filterSpaces"
+                v-model="phoneNumber"
+                placeholder="请输入手机号"
+                type="text"
+              />
+            </view>
+            <view
+              class="jfb-base-con-phone__body-wrap-input-code"
+              style="margin-bottom: 54rpx"
             >
-          </view>
-          <XdButton
-            type="primary"
-            :bg-color="mainColor"
-            width="360rpx"
-            radius="20rpx"
-            size="small"
-            :disabled="!phoneNumber || !valid_code"
-            @click="handleConfirm"
-            >确认领取</XdButton
-          >
-        </view>
-        <view v-else class="jfb-base-con-phone__body-wrap-input">
-          <view class="jfb-base-con-phone__body-wrap-input-phone">
-            <view class="jfb-base-con-phone__body-wrap-input-phone-change">
-              <view>当前登录手机号</view>
+              <input
+                v-model="valid_code"
+                placeholder="请输入验证码"
+                type="text"
+              />
               <XdButton
-                style="margin: 0"
+                :disabled="disabled"
+                class="jfb-base-con-phone__body-wrap-input-code-btn"
                 type="primary"
                 :bg-color="mainColor"
                 size="small"
-                @click="showCode = true"
-                >切换手机号</XdButton
+                @click="handleSendCode"
+                >{{ message }}</XdButton
               >
             </view>
-            <view>{{ showOhoneNumber }}</view>
+            <XdButton
+              type="primary"
+              :bg-color="mainColor"
+              width="360rpx"
+              radius="20rpx"
+              size="small"
+              :disabled="!phoneNumber || !valid_code"
+              @click="handleConfirm"
+              >确认领取</XdButton
+            >
+          </view>
+          <view v-else class="jfb-base-con-phone__body-wrap-input">
+            <view class="jfb-base-con-phone__body-wrap-input-phone">
+              <view class="jfb-base-con-phone__body-wrap-input-phone-change">
+                <view>当前登录手机号</view>
+                <XdButton
+                  style="margin: 0"
+                  type="primary"
+                  :bg-color="mainColor"
+                  size="small"
+                  @click="showCode = true"
+                  >切换手机号</XdButton
+                >
+              </view>
+              <view>{{ showOhoneNumber }}</view>
+            </view>
+            <XdButton
+              type="primary"
+              :bg-color="mainColor"
+              width="360rpx"
+              radius="20rpx"
+              size="small"
+              @click="handleConfirm"
+              >直接领取</XdButton
+            >
           </view>
-          <XdButton
-            type="primary"
-            :bg-color="mainColor"
-            width="360rpx"
-            radius="20rpx"
-            size="small"
-            @click="handleConfirm"
-            >直接领取</XdButton
-          >
         </view>
-        <view v-if="showBtn === 'Y'" class="jfb-base-con-phone__body-wrap-btn">
-          <XdButton
-            size="small"
-            type="primary"
-            :bg-color="mainColor"
-            radius="20rpx"
-            @click="handleTo(btnOneUrl)"
-            >{{ btnOneName }}</XdButton
-          >
-          <XdButton
-            size="small"
-            type="primary"
-            :bg-color="mainColor"
-            radius="20rpx"
-            @click="handleTo(btnTwoUrl)"
-            >{{ btnTwoName }}</XdButton
+        <view
+          :style="{
+            height: bottomHeight + 'rpx',
+            width: bottomWidth + 'rpx',
+            backgroundImage: `url(${used_background})`,
+            backgroundSize: '100% 100%',
+          }"
+        >
+          <view
+            v-if="showBtn === 'Y'"
+            class="jfb-base-con-phone__body-wrap-btn"
           >
+            <XdButton
+              size="small"
+              type="primary"
+              :bg-color="mainColor"
+              radius="20rpx"
+              @click="handleTo(btnOneUrl)"
+              >{{ btnOneName }}</XdButton
+            >
+            <XdButton
+              size="small"
+              type="primary"
+              :bg-color="mainColor"
+              radius="20rpx"
+              @click="handleTo(btnTwoUrl)"
+              >{{ btnTwoName }}</XdButton
+            >
+          </view>
         </view>
       </view>
       <view
@@ -125,7 +139,7 @@ import XdFontIcon from "@/components/XdFontIcon/XdFontIcon";
 import XdButton from "@/components/XdButton/XdButton";
 import { jfbRootExec } from "@/utils/xd.event";
 import JfbBaseConPhoneMixin from "./JfbBaseConPhoneMixin";
-import { getContainerPropsValue } from "@/utils/xd.base";
+import { getContainerPropsValue, getImageInfo } from "@/utils/xd.base";
 import componentsMixins from "@/mixins/componentsMixins";
 import extsMixins from "@/mixins/extsMixins";
 import { mapState } from "vuex";
@@ -171,6 +185,12 @@ export default {
       date: 2, //时间底数
       time: 0, //时间幂指数
       timeer: null,
+      topHeight: "",
+      topWidth: "750",
+      used_background: "",
+      bottomHeight: "",
+      bottomWidth: "750",
+      showBtn: "N",
     };
   },
   watch: {
@@ -234,7 +254,7 @@ export default {
           activity_id: this.activity_id,
         },
       })
-        .then((res) => {
+        .then(async (res) => {
           console.log(res, "res");
           this.has_times = res.has_times;
           this.showBtn = res.phone_button;
@@ -242,7 +262,15 @@ export default {
           this.btnTwoName = res.button_name_two;
           this.btnOneUrl = res.button_url_one;
           this.btnTwoUrl = res.button_url_two;
+          let image = await getImageInfo(getServiceUrl(res.background));
+          let image1 = await getImageInfo(getServiceUrl(res.used_background));
+          console.log({ ...image }, "imageimage");
+          this.topHeight = image.imgHeight / this.$rpxNum;
+          this.topWidth = '100%';
+          this.bottomHeight = image1.imgHeight / this.$rpxNum;
+          this.bottomWidth = '100%';
           this.background = getServiceUrl(res.background);
+          this.used_background = getServiceUrl(res.used_background);
           this.errmessage = res.message;
           this.done = true;
         })
@@ -451,13 +479,15 @@ export default {
     }
     &-wrap {
       display: flex;
-      justify-content: center;
+      justify-content: flex-end;
       align-items: center;
       flex-direction: column;
       &-input {
         border-radius: 40rpx;
         background: rgba(255, 255, 255, 0.5);
         padding: 70rpx 60rpx;
+        position: relative;
+        bottom: 120rpx;
         input {
           margin-bottom: 26rpx;
           font-size: 28rpx;
@@ -504,8 +534,8 @@ export default {
         display: flex;
         justify-content: space-around;
         align-items: center;
-        width: 100%;
-        margin-top: 64rpx;
+        width: 750rpx;
+        padding-top: 40rpx;
       }
     }
   }

package/src/components/JfbBaseMySetting/Api.js

@@ -12,7 +12,7 @@
  */
 module.exports = [
   {
-    mapFnName: 'getUserInfo',
+    mapFnName: 'getBaseUserInfo',
     title: '获取用户信息',
     path: '/passport/v1/user/get',
     params: {},
@@ -21,7 +21,7 @@ module.exports = [
     disabled: true,
   },
   {
-    mapFnName: 'getCardUserSetting',
+    mapFnName: 'getBaseCardUserSetting',
     title: '获取用户卡券配置',
     path: '/card/v1/card-bind/get-card-user-setting',
     params: {},

package/src/components/JfbBaseMySetting/Attr.js

@@ -8,10 +8,11 @@ export default {
   content: (data) => {
     return [
       {
-        label: '绑定手机号地址:', //label
-        ele: 'xd-select-pages-path', //package 名称
-        valueKey: 'bind_phone_url', //form[valueKey]
-        value: data['bind_phone_url'] || {},
+        label: '绑定手机号地址:',
+        ele: 'xd-select-pages-path',
+        valueKey: 'bind_phone_url',
+        value: data['bind_phone_url'] || null,
+        //groupKey:'advanced',
         setting: {
           router: XdBus.getParentApi('getPagesTree')
         },

package/src/components/JfbBaseMySetting/JfbBaseMySetting.vue

@@ -22,6 +22,7 @@
           style="margin-bottom: 8rpx;"
           @click="handleToShowSwitch"
         >
+
           <view v-if="!showSwitch">去配置</view>
           <view v-else class="switch_wrap">
             <view :style="{
@@ -91,8 +92,6 @@
     },
     created() {
       this.init(this.container);
-
-      //todo
     },
     methods: {
       onJfbLoad(options) {
@@ -131,7 +130,7 @@
         })
       },
       p_getUserInfo(){
-        jfbRootExec("getUserInfo", {
+        jfbRootExec("getBaseUserInfo", {
           vm: this,
           data: {
 
@@ -146,7 +145,7 @@
         })
       },
       getCardConfig(){
-        jfbRootExec("getCardUserSetting", {
+        jfbRootExec("getBaseCardUserSetting", {
           vm: this,
           data: {}
         }).then(res => {
@@ -173,27 +172,6 @@
           })
         }
       },
-      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)
-      },
     }
   }
 

package/src/components/JfbBaseMySetting/Mock.js

@@ -1,5 +1,6 @@
 'use strict';
 
 module.exports = {
-  aaaa: {}
+  getBaseUserInfo: {"user_name":"","user_code":"pK60goP5om","nickname":"braveboy","real_name":"","head_url":"https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/DYAIOgq83epC3zrUbrbh1n7JAiaws8JKK0zk6Q91FNH10ticgWoVENlwnZPfdyxTicEqBnjnwd7RzJmQwicfQG0D1A\/132","province_code":"","city_code":"","province_name":"","city_name":"","sex":"","sex_name":"未知","birthday_date":"","phone_number":"151****8397","show_user_name":"braveboy","request_id":"863a1276dc972043"},
+  getBaseCardUserSetting:{"user_id":0,"is_entity_card_invalid":"","request_id":"8ddfd81488f33522"}
 }