jufubao-base 1.0.115 → 1.0.116-beta10

package/src/components/JfbBaseConFlashList/JfbBaseConFlashListLess.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-con-flash-list {
+  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-con-flash-list {
+  &:before {
+    content: " ";
+    display: table;
+  }
+}
+/**endNotPreview**/

package/src/components/JfbBaseConFlashList/JfbBaseConFlashListMixin.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-con-flash-list'
+    }
+  },
+  created() {
+    
+    //@AttrDataCreated
+    this.Attr = this.$xdUniHelper.customClone(Attr);
+    //@EndAttrDataCreated
+    
+
+  },
+}

package/src/components/JfbBaseConFlashList/Mock.js

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

package/src/components/JfbBaseConList/JfbBaseConList.vue

@@ -44,76 +44,36 @@
             <view v-for="(item, index) in couponList" :key="index">
               <view
                 class="jfb-base-con-list__body-content-list-item"
+                :class="'status_' + item.can_take_num"
                 :style="{
                   backgroundColor: item.can_take_num==='Y'||item.can_take_num==='P'? contentBackground:'#F3F3F3',
                 }"
               >
-                <view class="jfb-base-con-list__body-content-list-item-left">
-                  <view
-                    :style="item.couponBackground"
-                    class="jfb-base-con-list__body-content-list-item-left-info"
-                  >
-                    <view
-                      :style="{
-                        color: item.nameColor,
-                        textAlign: 'center',
-                      }"
-                      >{{ item.prize_type }}</view
-                    >
-                    <view
-                      :style="{
-                        color: item.infoColor,
-                      }"
-                      >{{ item.prize_name }}</view
-                    >
-                  </view>
+                <view class="item_head">
+                  <image class="t_icon" mode="widthFix" :src="item.headIcon"></image>
+                  <view>{{  item.prize_type }}</view>
                 </view>
-                <view class="jfb-base-con-list__body-content-list-item-right">
-                  <view
-                    class="jfb-base-con-list__body-content-list-item-right-name"
-                  >
-                    <view>{{ item.prize_name }}</view>
-                    <xd-font-icon
-                      size="100"
-                      :style="{
-                        color: item.iconColor,
-                        position: 'absolute',
-                        right: '0rpx',
-                        top: '0rpx',
-                      }"
-                      :icon="item.icon"
-                    ></xd-font-icon>
-                  </view>
-                  <view
-                    class="jfb-base-con-list__body-content-list-item-right-num"
-                  >
-                    <!-- <view
-                    :style="{
-                      color: '#FF4D4A',
-                      display: 'flex',
-                      alignItems: 'center',
-                      fontSize: '28rpx',
-                    }"
-                  >
-                    <xd-font-icon
-                      style="margin-right: 10rpx"
-                      size="22"
-                      icon="icondanchuangguanbi_xian"
-                    ></xd-font-icon>
-                    {{ item.prize_num }}
-                  </view> -->
-                    <view></view>
-
-                    <xd-button
-                      size="small"
-                      :disabled="item.can_take_num !=='Y' && item.remain_card_count == 0"
-                      @click="getCoupont(item)"
-                      type="primary"
-                      style="width: 170rpx;height: 60rpx;"
-                      :style="item.btn"
-                      :color="item.infoColor"
-                      >{{ item.btn_txt }}</xd-button>
-                  </view>
+                <view class="item_sub">{{ item.prize_name }}</view>
+                <xd-font-icon
+                  size="100"
+                  :style="{
+                    color: item.iconColor,
+                    position: 'absolute',
+                    right: '0rpx',
+                    top: '0rpx',
+                  }"
+                  :icon="item.icon"
+                ></xd-font-icon>
+                <view class="btn_wrap">
+                  <xd-button
+                    size="small"
+                    :disabled="item.can_take_num !=='Y' && item.remain_card_count == 0"
+                    @click="getCoupont(item)"
+                    type="primary"
+                    style="width: 170rpx;height: 60rpx;"
+                    :style="item.btn"
+                    :color="item.infoColor"
+                  >{{ item.btn_txt }}</xd-button>
                 </view>
               </view>
             </view>
@@ -193,6 +153,7 @@ export default {
       done: false,
       message: "",
       options: {},
+      next_url: "",
 
       collectedPath: "",
     };
@@ -237,6 +198,7 @@ export default {
           this.used_up_url = res.used_up_url && getServiceUrl(res.used_up_url);
           this.can_take = res.can_take;
           this.has_times = res.has_times;
+          this.next_url = res.next_url;
           
           this.couponList =
             res.list &&
@@ -251,7 +213,7 @@ export default {
                       backgroundImage: `url(${getServiceUrl(
                         item.can_take_num === "Y" ? res.app_coupon_button_see_url : res.app_coupon_button_bg_url
                       )})`,
-                      backgroundSize: "100%",
+                      backgroundSize: "100% 100%",
                       backgroundRepeat: "no-repeat",
                       backgroundColor: '',
                       margin: "0",
@@ -261,6 +223,7 @@ export default {
                       margin: "0",
                     };
                 //整块背景
+                item.headIcon = getServiceUrl(res.app_coupon_url);
                 item.couponBackground = {
                   backgroundImage: `url(${getServiceUrl(res.app_coupon_url)})`,
                   backgroundSize: "100%",
@@ -278,6 +241,7 @@ export default {
                 //按钮样式
                 item.btn = { background: "#D6D6D6", margin: "0" };
                 //整块背景
+                item.headIcon = getServiceUrl(res.app_coupon_invalid_url)
                 item.couponBackground = {
                   backgroundImage: `url(${getServiceUrl(res.app_coupon_invalid_url)})`,
                   backgroundSize: "100%",
@@ -296,7 +260,7 @@ export default {
             });
           console.log("couponList", this.couponList);
           this.message = res.message;
-          this.notice = res.rule;
+          this.notice = res.about;
           this.done = true;
         })
         .catch((err) => {
@@ -305,7 +269,7 @@ export default {
     },
     toCoupon(){
       this.$xdUniHelper.navigateTo({
-        url: this.collectedPath,
+        url: this.next_url || this.collectedPath,
       });
     },
     getCoupont(item) {
@@ -520,43 +484,74 @@ export default {
 
         &-item {
           display: flex;
-          justify-content: space-between;
-          align-items: center;
-          padding: unit(20, rpx) unit(30, rpx);
+          flex-direction: column;
+          padding: unit(40, rpx) unit(40, rpx);
           border-radius: unit(12, rpx);
           margin: unit(20, rpx) auto 0 auto;
           position: relative;
-          &-left {
-            display: flex;
-            &-info {
-              padding: unit(20, rpx) unit(36, rpx);
-              & > view:first-child {
-                font-size: unit(44, rpx);
-                font-weight: 500;
-                margin-bottom: unit(36, rpx);
-              }
-              & > view:nth-child(2) {
-                font-size: unit(28, rpx);
-                color: #fff;
-              }
+
+          &.status_N{
+            .item_head{
+              color: #BBBBBB;
             }
-          }
-          &-right {
-            margin-left: unit(24, rpx);
-            flex: 1;
-            &-name {
-              font-size: unit(40, rpx);
-              color: #000;
-              display: flex;
-              align-items: center;
-              justify-content: space-between;
+            .item_sub{
+              color: #BBBBBB;
             }
-            &-num {
-              margin-top: unit(40, rpx);
-              display: flex;
-              justify-content: space-between;
+          }
+          .btn_wrap{
+            position: absolute;
+            right: 30rpx;
+            bottom: 40rpx;
+          }
+        
+          .item_head{
+            display: flex;
+            align-items: center;
+            font-size: 40rpx;
+            color: #000000;
+            font-weight: 500;
+            .t_icon{
+              width: 44rpx;
+              margin-right: 20rpx;
             }
           }
+          .item_sub{
+            margin-top: 26rpx;
+            color: #FF4D4A;
+            font-size: 36rpx;
+            font-weight: 400;
+          }
+          // &-left {
+          //   display: flex;
+          //   &-info {
+          //     padding: unit(20, rpx) unit(36, rpx);
+          //     & > view:first-child {
+          //       font-size: unit(44, rpx);
+          //       font-weight: 500;
+          //       margin-bottom: unit(36, rpx);
+          //     }
+          //     & > view:nth-child(2) {
+          //       font-size: unit(28, rpx);
+          //       color: #fff;
+          //     }
+          //   }
+          // }
+          // &-right {
+          //   margin-left: unit(24, rpx);
+          //   flex: 1;
+          //   &-name {
+          //     font-size: unit(40, rpx);
+          //     color: #000;
+          //     display: flex;
+          //     align-items: center;
+          //     justify-content: space-between;
+          //   }
+          //   &-num {
+          //     margin-top: unit(40, rpx);
+          //     display: flex;
+          //     justify-content: space-between;
+          //   }
+          // }
         }
       }
       &-foot {

package/src/components/JfbBaseConPhone/Api.js

@@ -0,0 +1,70 @@
+'use strict';
+
+/**
+ * @description API模型
+ * 建议：Ffff=>模块  Xxxx=>自定义名字
+ * 获取单记录(getByIdFfffXxxx)
+ * 获取列表记录(getByListFfffXxxx)
+ * 添加列表记录(addFfffXxxxx)
+ * 删除列表记录(removeFfffXxxxx|deleteFfffXxxx)
+ * 更新列表记录(updateFfffXxxxx)
+ * @type {*[]}
+ */
+module.exports = [
+  {
+    mapFnName: 'sendMsgConPhone',
+    title: '发送验证码',
+    path: '/common/v1/valid_code/sms/send',
+    isRule: false,
+    data: {
+      phone_number: ['手机号', 'String', '必选'],
+      biz_name: ['业务名称', 'String', '必选']
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getCouponPhoneList', //自定义方法名字（必选）
+    title: '获取优惠券列表',
+    path: '/sms-coupon/v1/activity-prizes-user/list',
+    isRule: false,
+    params: {
+      distribution_method: ['发放方式 entry=主动发放, homed=首页发放,paid=消费后发放,card_binded=绑定卡后发放', 'String', '选填'],
+      namespace: ['业务线', 'String', '必填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getAllCouponPhone', //自定义方法名字（必选）
+    title: '领取优惠券',
+    path: '/sms-coupon/v1/activity-prizes-user/set',
+    isRule: false,
+    params: {
+      distribution_method: ['发放方式 entry=主动发放, homed=首页发放,paid=消费后发放,card_binded=绑定卡后发放', 'String', '选填'],
+      namespace: ['业务线', 'String', '必填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getCouponPhoneResult', //自定义方法名字（必选）
+    title: '轮询查询活动结果',
+    path: '/sms-coupon/v1/activity-prizes-user/get',
+    isRule: false,
+    params: {
+      tmp_order_number: ['tmp_order_number', 'String', '选填'],
+    },
+    isConsole: true,
+    disabled: true,
+  },
+  {
+    mapFnName: 'getUserPhone',
+    title: '获取用户信息',
+    path: '/passport/v1/user/get',
+    isRule: false,
+    params: {},
+    isConsole: true,
+    disabled: true,
+  },
+];

package/src/components/JfbBaseConPhone/Attr.js

@@ -0,0 +1,10 @@
+'use strict';
+
+/**
+ * @description 当表单组件中有联动操作时候，使用方法进行返回
+ */
+export default {
+  style: [],
+  content: [],
+  advanced: [],
+};